diff --git a/html/config.htm b/html/config.htm
index 78b6fa4..0124e12 100644
--- a/html/config.htm
+++ b/html/config.htm
@@ -869,7 +869,7 @@
       $.getJSON(url, function (cfg) {
         console.log( cfg );
 
-        if(cfg["platform"]=="esp32") {
+        if(cfg["platform"]=="esp32" || cfg["platform"]=="esp32c3") {
           $('#ble').prop('disabled', false);
           $("#ble").val(cfg["ble"]);
         }
diff --git a/html/config.min.htm b/html/config.min.htm
index 1acaf32..bb89860 100644
--- a/html/config.min.htm
+++ b/html/config.min.htm
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="description" content=""><title>Beer Gravity Monitor</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"><style>.row-margin-10{margin-top:1em}</style></head><body class="py-4"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script><script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script><!-- START MENU --><nav class="navbar navbar-expand-lg navbar-dark bg-primary"><div class="container"><a class="navbar-brand" href="/index.htm">Beer Gravity Monitor</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav"><li class="nav-item"><a class="nav-link" href="/index.htm">Home</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Configuration</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="#">Configuration</a></li><li><a class="dropdown-item" href="/format.htm">Format editor</a></li><li><a class="dropdown-item" href="/test.htm">Test push</a></li><li><a class="dropdown-item" href="/firmware.htm">Upload firmware</a></li></ul></li><li class="nav-item"><a class="nav-link" href="/calibration.htm">Calibration</a></li><li class="nav-item"><a class="nav-link" href="/about.htm">About</a></li></ul></div><div class="spinner-border text-light" id="spinner" role="status"></div></div></nav><!-- START MAIN INDEX --><div class="container row-margin-10"><div class="alert alert-success alert-dismissible hide fade d-none" role="alert" id="alert"><div id="alert-msg"></div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-warning alert-dismissible hide fade d-none" role="alert" id="warning-sleep"><div>A sleep-interval of less than 300s will reduce battery life, consider using 900s</div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-warning alert-dismissible hide fade d-none" role="alert" id="warning-gyro"><div>When using the gyro temperature use a sleep-interval that is greater than 300s for accurate readings</div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><script type="text/javascript">function showError(s){$("#alert").removeClass("alert-success").addClass("alert-danger").removeClass("hide").addClass("show").removeClass("d-none"),$("#alert-msg").text(s)}function showSuccess(s){$("#alert").addClass("alert-success").removeClass("alert-danger").removeClass("hide").addClass("show").removeClass("d-none"),$("#alert-msg").text(s)}function showWarningSleep(){$("#warning-sleep").removeClass("d-none").addClass("show").removeClass("hide")}function hideWarningSleep(){$("#warning-sleep").addClass("d-none").removeClass("show").addClass("hide")}function showWarningGyro(){$("#warning-gyro").removeClass("d-none").addClass("show").removeClass("hide")}function hideWarningGyro(){$("#warning-gyro").addClass("d-none").removeClass("show").addClass("hide")}$("#alert-btn").click(function(s){$("#alert").addClass("hide").removeClass("show").addClass("d-none")})</script><div class="accordion" id="accordion"><div class="accordion-item"><h2 class="accordion-header" id="headingDevice"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDevice" aria-expanded="true" aria-controls="collapseDevice"><b>Device settings</b></button></h2><div id="collapseDevice" class="accordion-collapse collapse show" aria-labelledby="headingDevice" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/device" method="post"><input type="text" name="id" id="id1" hidden><div class="row mb-3"><label for="mdns" class="col-sm-2 col-form-label">Device name</label><div class="col-sm-3"><input type="text" maxlength="63" class="form-control" name="mdns" id="mdns" placeholder="gravmon" data-bs-toggle="tooltip" title="Name of the device. Will be used for identifying the device when pushing data and on the local network."></div></div><div class="row mb-3"><fieldset class="form-group row"><legend class="col-form-label col-sm-2 float-sm-left pt-0">Temperature Format</legend><div class="col-sm-4"><div class="form-check"><input class="form-check-input" type="radio" name="temp-format" id="temp-format-c" value="C" checked data-bs-toggle="tooltip" title="Temperature format used with displaying data"> <label class="form-check-label" for="temp-format-c">Celsius</label></div><div class="form-check"><input class="form-check-input" type="radio" name="temp-format" id="temp-format-f" value="F" data-bs-toggle="tooltip" title="Temperature format used with displaying data"> <label class="form-check-label" for="temp-format-f">Fahrenheit</label></div></div></fieldset></div><div class="row mb-3"><label for="sleep-interval" class="col-sm-2 col-form-label">Interval (seconds)</label><div class="col-sm-2"><input type="number" min="10" max="3600" class="form-control" name="sleep-interval" id="sleep-interval" placeholder="300" data-bs-toggle="tooltip" title="The number of seconds that the device will sleep between gravity readings. Recommended value is 300s"></div><label for="sleep-interval" class="col-sm-4 col-form-label" id="sleep-interval-info"></label></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><button type="submit" class="btn btn-primary" id="device-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><hr class="my-2"><div class="row mb-3"><label class="col-sm-2 col-form-label">Wifi</label><div class="col-sm-2"><label class="col-sm-4 col-form-label" id="wifi-ssid"></label></div></div><div class="row mb-3"><label class="col-sm-2 col-form-label">Wifi 2</label><div class="col-sm-2"><label class="col-sm-4 col-form-label" id="wifi-ssid2"></label></div></div><hr class="my-2"><div class="row mb-3"><label for="calibrate-btn" class="col-sm-2 col-form-label">Current calibration</label> <label for="calibrate-btn" class="col-sm-2 col-form-label" id="gyro-calibration-data">Loading...</label> <label for="gyro-calibration-data" class="col-sm-2 col-form-label" id="angle">Loading...</label><div class="col-sm-8 offset-sm-2"><button type="button" class="btn btn-warning" id="calibrate-btn" data-bs-toggle="tooltip" title="Perform a calibration. The device should be flat on a surface (90 degrees) with the battery down">Calibrate device</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingPush"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePush" aria-expanded="false" aria-controls="collapsePush"><b>Push settings</b></button></h2><div id="collapsePush" class="accordion-collapse collapse" aria-labelledby="headingPush" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/push" method="post"><input type="text" name="id" id="id2" hidden> <input type="text" name="section" value="collapsePush" hidden> <input type="text" name="http-push-h1" id="http-push-h1" hidden> <input type="text" name="http-push-h2" id="http-push-h2" hidden> <input type="text" name="http-push2-h1" id="http-push2-h1" hidden> <input type="text" name="http-push2-h2" id="http-push2-h2" hidden><div class="row mb-3"><label for="http-push" class="col-sm-2 col-form-label">HTTP 1 (POST)</label><div class="col-sm-8"><input type="url" maxlength="120" class="form-control" name="http-push" id="http-push" placeholder="http://www.internet.com/path" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com/resource (Supports http and https)"></div><div class="col-sm-2"><button type="button" class="btn btn-secondary" data-field1="#http-push-h1" data-field2="#http-push-h2" data-bs-toggle="modal" data-bs-target="#modal-http" data-bs-toggle="tooltip" title="Edit the http headers for data format and authentication">Headers</button></div></div><div class="row mb-3"><label for="http-push2" class="col-sm-2 col-form-label">HTTP 2 (POST)</label><div class="col-sm-8"><input type="url" maxlength="120" class="form-control" name="http-push2" id="http-push2" placeholder="http://www.internet.com/path" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com/resource (Supports http and https)"></div><div class="col-sm-2"><button type="button" class="btn btn-secondary" data-field1="#http-push2-h1" data-field2="#http-push2-h2" data-bs-toggle="modal" data-bs-target="#modal-http" data-bs-toggle="tooltip" title="Edit the http headers for data format and authentication">Headers</button></div></div><div class="row mb-3"><label for="token" class="col-sm-2 col-form-label">Token</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="token" id="token" data-bs-toggle="tooltip" title="Token can be used in the format template as a variable, some services use this for authentication"></div></div><div class="row mb-3"><label for="http-push3" class="col-sm-2 col-form-label">HTTP 3 (GET)</label><div class="col-sm-8"><input type="url" maxlength="120" class="form-control" name="http-push3" id="http-push3" placeholder="http://www.internet.com/path" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com/resource (Supports http and https). Do not add the query string, that will be added via the format template"></div></div><div class="row mb-3"><label for="token2" class="col-sm-2 col-form-label">Token 2</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="token2" id="token2" data-bs-toggle="tooltip" title="Token can be used in the format template as a variable, some services use this for authentication"></div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button type="submit" class="btn btn-primary" id="push-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button class="btn btn-secondary" id="format-btn" data-bs-toggle="tooltip" title="Open up the format editor to change data format posted">Format editor</button> <button class="btn btn-secondary" id="test-btn" data-bs-toggle="tooltip" title="Test posting data to defined push targets">Test Push</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingPush2"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePush2" aria-expanded="false" aria-controls="collapsePush2"><b>Push settings (2)</b></button></h2><div id="collapsePush2" class="accordion-collapse collapse" aria-labelledby="headingPush2" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/push" method="post"><input type="text" name="id" id="id5" hidden> <input type="text" name="section" value="collapsePush2" hidden><div class="row mb-3"><label for="influxdb2-push" class="col-sm-2 col-form-label">InfluxDB v2 URL</label><div class="col-sm-8"><input type="url" maxlength="40" class="form-control" name="influxdb2-push" placeholder="http://www.internet.com" id="influxdb2-push" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com (Supports http and https)"></div></div><div class="row mb-3"><label for="influxdb2-org" class="col-sm-2 col-form-label">InfluxDB v2 Org</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="influxdb2-org" id="influxdb2-org" data-bs-toggle="tooltip" title="Identifier to what organisation to use"></div></div><div class="row mb-3"><label for="influxdb2-bucket" class="col-sm-2 col-form-label">InfluxDB v2 Bucket</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="influxdb2-bucket" id="influxdb2-bucket" data-bs-toggle="tooltip" title="Identifier for the data bucket to use"></div></div><div class="row mb-3"><label for="influxdb2-auth" class="col-sm-2 col-form-label">InfluxDB v2 Auth</label><div class="col-sm-4"><input type="text" maxlength="100" class="form-control" name="influxdb2-auth" id="influxdb2-auth" data-bs-toggle="tooltip" title="Authentication token for accessing data bucket"></div></div><hr class="my-2"><div class="row mb-3"><label for="mqtt-push" class="col-sm-2 col-form-label">MQTT Server</label><div class="col-sm-4"><input type="text" maxlength="40" class="form-control" name="mqtt-push" id="mqtt-push" placeholder="www.internet.com" data-bs-toggle="tooltip" title="Name of server to connect to, use format servername.com"></div></div><div class="row mb-3"><label for="mqtt-topic" class="col-sm-2 col-form-label">MQTT Port</label><div class="col-sm-4"><input type="number" min="1" max="65535" class="form-control" name="mqtt-port" id="mqtt-port" placeholder="1883" data-bs-toggle="tooltip" title="Port number to use, 1883 is standard. Ports higher than 8000 will assume to use SSL"></div></div><div class="row mb-3"><label for="mqtt-user" class="col-sm-2 col-form-label">MQTT User</label><div class="col-sm-4"><input type="text" maxlength="20" class="form-control" name="mqtt-user" id="mqtt-user" data-bs-toggle="tooltip" title="Username to use. Leave blank if authentication is disabled"></div></div><div class="row mb-3"><label for="mqtt-pass" class="col-sm-2 col-form-label">MQTT Password</label><div class="col-sm-4"><input type="text" maxlength="20" class="form-control" name="mqtt-pass" id="mqtt-pass" data-bs-toggle="tooltip" title="Password to use. Leave blank if authentication is disabled"></div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button type="submit" class="btn btn-primary" id="push-btn2" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button class="btn btn-secondary" id="format-btn2" data-bs-toggle="tooltip" title="Open up the format editor to change data format posted">Format editor</button> <button class="btn btn-secondary" id="test-btn2" data-bs-toggle="tooltip" title="Test posting data to defined push targets">Test Push</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingGravity"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseGravity" aria-expanded="false" aria-controls="collapseGravity"><b>Gravity Settings</b></button></h2><div id="collapseGravity" class="accordion-collapse collapse" aria-labelledby="headingGravity" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/gravity" method="post"><input type="text" name="id" id="id3" hidden><div class="row mb-3"><fieldset class="form-group row"><label for="gravity-format" class="col-sm-2 col-form-label">Gravity Format</label><div class="col-sm-4"><div class="form-check"><input class="form-check-input" type="radio" name="gravity-format" id="gravity-format-g" value="G" checked data-bs-toggle="tooltip" title="Present gravity in SG format"> <label class="form-check-label" for="gravity-format-g">SG</label></div><div class="form-check"><input class="form-check-input" type="radio" name="gravity-format" id="gravity-format-p" value="P" checked data-bs-toggle="tooltip" title="Present gravity in Plato format"> <label class="form-check-label" for="gravity-format-p">Plato</label></div></div></fieldset></div><div class="row mb-3"><label for="gravity-formula" class="col-sm-2 col-form-label">Formula</label><div class="col-sm-10"><input type="text" maxlength="200" class="form-control" name="gravity-formula" id="gravity-formula" placeholder="0.0*tilt^2+0.01*tilt+0.2" checked data-bs-toggle="tooltip" title="Formula used to convert angle to gravity"></div></div><div class="row mb-3"><div class="col-sm-3 offset-sm-2"><div class="form-check"><input class="form-check-input" type="checkbox" name="gravity-temp-adjustment" id="gravity-temp-adjustment" checked data-bs-toggle="tooltip" title="Adjust the calculated gravity based on the current temperature. Assumes that calibration is done using 20C / 68F"> <label class="form-check-label" for="gravity-temp-adjustment">Temperature adjust gravity</label></div></div></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><button type="submit" class="btn btn-primary" id="gravity-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingHardware"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHardware" aria-expanded="false" aria-controls="collapseHardware"><b>Hardware Settings</b></button></h2><div id="collapseHardware" class="accordion-collapse collapse" aria-labelledby="headingHardware" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/hardware" method="post"><input type="text" name="id" id="id4" hidden><div class="row mb-3"><label for="voltage-factor" class="col-sm-2 col-form-label">Voltage factor</label><div class="col-sm-2"><input type="number" step=".01" class="form-control" name="voltage-factor" id="voltage-factor" placeholder="1.59" data-bs-toggle="tooltip" title="Factor used to calculate the battery voltage. Can vary depending on the R2 value"></div><label for="voltage-factor" class="col-sm-3 col-form-label" id="battery">Loading...</label></div><div class="row mb-3"><label for="voltage-config" class="col-sm-2 col-form-label">Config voltage</label><div class="col-sm-2"><input type="number" step=".01" min="3.00" max="6.00" class="form-control" name="voltage-config" id="voltage-config" placeholder="4.16" data-bs-toggle="tooltip" title="Over this level the device will always go into configuration mode, some batteries might have a higher voltage when fully charged"></div></div><div class="row mb-3"><label for="temp-adjustment-value" class="col-sm-2 col-form-label">Temp Sensor Adj</label><div class="col-sm-2"><input type="number" step=".1" class="form-control" name="temp-adjustment-value" id="temp-adjustment-value" placeholder="0" data-bs-toggle="tooltip" title="This value will be added to the sensor value in case the sensor dont show the correct temperature"></div></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><div class="form-check"><input class="form-check-input" type="checkbox" name="gyro-temp" id="gyro-temp" data-bs-toggle="tooltip" title="Use the temperature sensor in the gyro instead of DS18B20, require 300s update interval to be accurate"> <label class="form-check-label" for="gyro-temp">Use gyro temperature</label></div></div></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><div class="form-check"><input class="form-check-input" type="checkbox" name="storage-sleep" id="storage-sleep" data-bs-toggle="tooltip" title="If enabled and the device is placed on its cap (less than 5 degress) it will go into sleep for 2000 minutes"> <label class="form-check-label" for="storage-sleep">Enable storage mode when placed on cap</label></div></div></div><div class="row mb-3"><label class="col-sm-2 col-form-label" for="ble">Bluetooth tilt color:</label><div class="col-sm-2"><select class="form-select" id="ble" name="ble" disabled data-bs-toggle="tooltip" title="Select the BLE token to be used when sending data over bluetooth"><option value="">-not active-</option><option value="red">red</option><option value="green">green</option><option value="black">black</option><option value="purple">purple</option><option value="orange">orange</option><option value="blue">blue</option><option value="yellow">yellow</option><option value="pink">pink</option></select></div></div><div class="row mb-3"><label for="ota-url" class="col-sm-2 col-form-label">OTA base URL</label><div class="col-sm-8"><input type="url" maxlength="90" class="form-control" name="ota-url" id="ota-url" placeholder="http://www.local.com/path/" data-bs-toggle="tooltip" title="Base URL to where firmware and version.json file can be found. Needs to end with '/', example: http://www.mysite.com/firmware/"></div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button type="submit" class="btn btn-primary" id="hardware-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button class="btn btn-secondary" id="firmware-btn" checked data-bs-toggle="tooltip" title="Manually upload a new firmware version to the device">Upload firmware</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingAdvanced"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAdvanced" aria-expanded="false" aria-controls="collapseAdvanced"><b>Advanced Software Settings (use with caution)</b></button></h2><div id="collapseAdvanced" class="accordion-collapse collapse" aria-labelledby="headingAdvanced" data-bs-parent="#accordion"><div class="accordion-body"><div class="row mb-3"><div class="col-sm-4"><div class="form-check"><input checked class="form-check-input" type="checkbox" name="adv-config" id="adv-config" data-bs-toggle="tooltip" title="Enable the advanced software settings."> <label class="form-check-label" for="adv-config">Disable advanced software settings</label></div></div></div><form action="/api/config/advanced" method="post"><input type="text" name="id" id="id6" hidden><div class="row mb-3"><label for="gyro-read-count" class="col-sm-3 col-form-label">Gyro reads:</label><div class="col-sm-3"><input disabled type="number" min="10" max="100" class="form-control" name="gyro-read-count" id="gyro-read-count" placeholder="50" checked data-bs-toggle="tooltip" title="How many times should we read the gyro to get an accurate angle. More reads = better accuracy but higher battery drain"></div><div class="col-sm-5">(10-100) - default 50</div></div><div class="row mb-3"><label for="gyro-moving-threashold" class="col-sm-3 col-form-label">Gyro moving theashold</label><div class="col-sm-3"><input disabled type="number" min="50" max="1000" class="form-control" name="gyro-moving-threashold" id="gyro-moving-threashold" placeholder="500" checked data-bs-toggle="tooltip" title="How much deviation between gyro reads are acceptable in order to regard this as a valid angle"></div><div class="col-sm-5">(50-1000) - default 500</div></div><div class="row mb-3"><label for="formula-max-deviation" class="col-sm-3 col-form-label">Formula max deviation (SG)</label><div class="col-sm-3"><input disabled type="number" step=".1" min="1" max="10" class="form-control" name="formula-max-deviation" id="formula-max-deviation" placeholder="3" checked data-bs-toggle="tooltip" title="When validating the derived formula this is the maximum accepted deviation for the supplied values"></div><div class="col-sm-5">(1 - 10) - default 3 SG</div></div><div class="row mb-3"><div class="col-sm-3 offset-sm-3"><div class="form-check"><input disabled class="form-check-input" type="checkbox" class="form-control" name="ignore-low-angles" id="ignore-low-angles" data-bs-toggle="tooltip" title="When active, angles below water will be ignored. Note! Angle must be defined under calibration, first field."> <label class="form-check-label" for="ignore-low-angles">Ignore angles below water</label></div></div><div class="col-sm-5" name="water-angle" id="water-angle"></div></div><div class="row mb-3"><label for="formula-calibration-temp" class="col-sm-3 col-form-label">Gravity calibration temp</label><div class="col-sm-3"><input disabled type="number" step=".01" min="0" max="100" class="form-control" name="formula-calibration-temp" id="formula-calibration-temp" placeholder="20" checked data-bs-toggle="tooltip" title="Calibration temperature, used in temperatur correction formula, default 20C/68F"></div><div class="col-sm-5">(0 - 100) - default 20C/68F</div></div><hr><div class="row mb-3"><label for="tempsensor-resolution" class="col-sm-3 col-form-label">DS18B20 resolution (bits)</label><div class="col-sm-3"><input disabled type="number" min="9" max="12" class="form-control" name="tempsensor-resolution" id="tempsensor-resolution" placeholder="9" checked data-bs-toggle="tooltip" title="Resolution when reading the DS18B20 temperature sensor, higher resolution give better accuracy but takes longer"></div><div class="col-sm-5">(9 - 12) - default 9 bits</div></div><hr><div class="row mb-3"><label for="wifi-connect-timeout" class="col-sm-3 col-form-label">Wifi connect timeout (s)</label><div class="col-sm-3"><input disabled type="number" min="1" max="60" class="form-control" name="wifi-connect-timeout" id="wifi-connect-timeout" placeholder="20" checked data-bs-toggle="tooltip" title="Max time waiting for a wifi connection before going back to sleep"></div><div class="col-sm-5">(1 - 60) - default 20 s</div></div><div class="row mb-3"><label for="wifi-portal-timeout" class="col-sm-3 col-form-label">Wifi portal timeout (s)</label><div class="col-sm-3"><input disabled type="number" min="10" max="240" class="form-control" name="wifi-portal-timeout" id="wifi-portal-timeout" placeholder="120" checked data-bs-toggle="tooltip" title="Max time the wifi portal is active before existing"></div><div class="col-sm-5">(10 - 240) - default 120 s</div></div><hr><div class="row mb-3"><label for="int-http1" class="col-sm-3 col-form-label">Skip interval - HTTP 1 (POST):</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-http1" id="int-http1" placeholder="0" checked data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-http2" class="col-sm-3 col-form-label">Skip interval - HTTP 2 (POST)</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-http2" id="int-http2" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-http3" class="col-sm-3 col-form-label">Skip interval - HTTP 3 (GET)</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-http3" id="int-http3" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-influx" class="col-sm-3 col-form-label">Skip interval - InfluxDB v2</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-influx" id="int-influx" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-mqtt" class="col-sm-3 col-form-label">Skip interval - MQTT</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-mqtt" id="int-mqtt" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-3"><button type="submit" class="btn btn-primary" id="advanced-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form></div></div></div></div><div class="modal fade" id="modal-http" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modal-header" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="modal-header">Define HTTP headers</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"><label for="http-header" class="col-form-label">Header 1 (Header: value)</label> <input type="text" maxlength="100" class="form-control" id="header1" oninput="checkHeader(this)" placeholder="Content-Type: application/json" data-bs-toggle="tooltip" title="Set a http headers, empty string is skipped"> <label for="http-header" class="col-form-label">Header 2 (Header: value)</label> <input type="text" maxlength="100" class="form-control" id="header2" oninput="checkHeader(this)" data-bs-toggle="tooltip" title="Set a http headers, empty string is skipped"> <input type="text" id="field1" hidden> <input type="text" id="field2" hidden></div><div class="modal-footer"><button type="button" class="btn btn-primary" data-bs-dismiss="modal" data-bs-toggle="tooltip" title="Close dialog, press the save button in the section to save data">Close</button></div></div></div></div><script>function checkHeader(d){console.log(d.value),""!=d.value&&-1==d.value.indexOf(":")?($("#btn-close").prop("disabled",!0),$(d).removeClass("is-valid").addClass("is-invalid")):($("#btn-close").prop("disabled",!1),$(d).removeClass("is-invalid").addClass("is-valid"))}$("#modal-http").on("show.bs.modal",function(d){var l=$(d.relatedTarget),a=l.data("field1"),e=l.data("field2"),o=$(this);o.find(".modal-body #header1").val($(a).val()),o.find(".modal-body #header2").val($(e).val()),o.find(".modal-body #field1").val(a),o.find(".modal-body #field2").val(e)}),$("#modal-http").on("hide.bs.modal",function(d){console.log("2");var l=$(this);field1=l.find(".modal-body #field1").val(),field2=l.find(".modal-body #field2").val(),$(field1).val(l.find(".modal-body #header1").val()),$(field2).val(l.find(".modal-body #header2").val())})</script><script type="text/javascript">function estimateBatteryLife(t,a){var e=170,i=15,o=2e3;a<1&&(a=2);var n=86400/(t+a)*(a/3600)*e+i;return o/n}function updateSleepInfo(){var t=parseInt($("#sleep-interval").val()),a=parseInt($("#runtime-average").val()),e=0;0<a&&(e=estimateBatteryLife(t,a));var i=Math.floor(t/60)+" m "+t%60+" s",o=Math.floor(e/7)+" weeks "+Math.floor(e%7)+" days";e?$("#sleep-interval-info").text(i+"  -  Estimated runtime: "+o):$("#sleep-interval-info").text(i),hideWarningGyro(),0<t&&t<300?($("#gyro-temp").is(":checked")&&showWarningGyro(),showWarningSleep()):hideWarningSleep()}function setButtonDisabled(t){$("#device-btn").prop("disabled",t),$("#calibrate-btn").prop("disabled",t),$("#push-btn").prop("disabled",t),$("#format-btn").prop("disabled",t),$("#test-btn").prop("disabled",t),$("#gravity-btn").prop("disabled",t),$("#hardware-btn").prop("disabled",t),$("#push-btn2").prop("disabled",t),$("#format-btn2").prop("disabled",t),$("#test-btn2").prop("disabled",t),$("#advanced-btn").prop("disabled",t),checkAdvancedSection(t)}function checkAdvancedSection(t){t=$("#adv-config").is(":checked");$("#advanced-btn").prop("disabled",t),$("#gyro-read-count").prop("disabled",t),$("#gyro-moving-threashold").prop("disabled",t),$("#formula-max-deviation").prop("disabled",t),$("#wifi-portal-timeout").prop("disabled",t),$("#wifi-connect-timeout").prop("disabled",t),$("#formula-calibration-temp").prop("disabled",t),$("#int-http1").prop("disabled",t),$("#int-http2").prop("disabled",t),$("#int-http3").prop("disabled",t),$("#int-influx").prop("disabled",t),$("#int-mqtt").prop("disabled",t),$("#tempsensor-resolution").prop("disabled",t),$("#ignore-low-angles").prop("disabled",t)}function getAdvancedConfig(){setButtonDisabled(!0);var t="/api/config/advanced";$("#spinner").show(),$.getJSON(t,function(t){console.log(t),$("#gyro-read-count").val(t["gyro-read-count"]),$("#gyro-moving-threashold").val(t["gyro-moving-threashold"]),$("#formula-max-deviation").val(t["formula-max-deviation"]),$("#wifi-portal-timeout").val(t["wifi-portal-timeout"]),$("#wifi-connect-timeout").val(t["wifi-connect-timeout"]),$("#tempsensor-resolution").val(t["tempsensor-resolution"]),$("#ignore-low-angles").prop("checked",t["ignore-low-angles"]),$("#formula-calibration-temp").val(t["formula-calibration-temp"]),$("#int-http1").val(t["int-http1"]),$("#int-http2").val(t["int-http2"]),$("#int-http3").val(t["int-http3"]),$("#int-influx").val(t["int-influx"]),$("#int-mqtt").val(t["int-mqtt"]),(50!=t["gyro-read-count"]||500!=t["gyro-moving-threashold"]||3!=t["formula-max-deviation"]||120!=t["wifi-portal-timeout"]||20!=t["wifi-connect-timeout"]||9!=t["tempsensor-resolution"]||0!=t["int-http1"]||0!=t["int-http2"]||0!=t["int-http3"]||0!=t["int-influx"]||0!=t["int-mqtt"]||0!=t["ignore-low-angles"]||20!=t["formula-calibration-temp"]&&68!=t["formula-calibration-temp"])&&$("#adv-config").attr("checked",!1)}).fail(function(){showError("Unable to get data from the device.")}).always(function(){$("#spinner").hide(),setButtonDisabled(!1)})}function getConfig(){setButtonDisabled(!0);var t="/api/config";$("#spinner").show(),$.getJSON(t,function(t){console.log(t),"esp32"==t.platform&&($("#ble").prop("disabled",!1),$("#ble").val(t.ble)),$("#id1").val(t.id),$("#id2").val(t.id),$("#id3").val(t.id),$("#id4").val(t.id),$("#id5").val(t.id),$("#id6").val(t.id),$("#mdns").val(t.mdns),"C"==t["temp-format"]?$("#temp-format-c").click():$("#temp-format-f").click(),"G"==t["gravity-format"]?$("#gravity-format-g").click():$("#gravity-format-p").click(),$("#ota-url").val(t["ota-url"]),$("#token").val(t.token),$("#token2").val(t.token2),$("#http-push").val(t["http-push"]),$("#http-push-h1").val(t["http-push-h1"]),$("#http-push-h2").val(t["http-push-h2"]),$("#http-push2").val(t["http-push2"]),$("#http-push2-h1").val(t["http-push2-h1"]),$("#http-push2-h2").val(t["http-push2-h2"]),$("#http-push3").val(t["http-push3"]),$("#influxdb2-push").val(t["influxdb2-push"]),$("#influxdb2-org").val(t["influxdb2-org"]),$("#influxdb2-bucket").val(t["influxdb2-bucket"]),$("#influxdb2-auth").val(t["influxdb2-auth"]),$("#mqtt-push").val(t["mqtt-push"]),$("#mqtt-port").val(t["mqtt-port"]),$("#mqtt-user").val(t["mqtt-user"]),$("#mqtt-pass").val(t["mqtt-pass"]),$("#sleep-interval").val(t["sleep-interval"]),$("#voltage-factor").val(t["voltage-factor"]),$("#voltage-config").val(t["voltage-config"]),$("#gravity-formula").val(t["gravity-formula"]),$("#temp-adjustment-value").val(t["temp-adjustment-value"]),$("#gravity-temp-adjustment").prop("checked",t["gravity-temp-adjustment"]),$("#gyro-temp").prop("checked",t["gyro-temp"]),$("#storage-sleep").prop("checked",t["storage-sleep"]),$("#gyro-calibration-data").text(t["gyro-calibration-data"].ax+","+t["gyro-calibration-data"].ay+","+t["gyro-calibration-data"].az+","+t["gyro-calibration-data"].gx+","+t["gyro-calibration-data"].gy+","+t["gyro-calibration-data"].gz),$("#battery").text(t.battery+" V"),$("#angle").text(t.angle),$("#runtime-average").val(t["runtime-average"]),$("#water-angle").text("(Water angle: "+t["formula-calculation-data"].a1+") - default off"),$("#wifi-ssid").text(t["wifi-ssid"]),$("#wifi-ssid2").text(t["wifi-ssid2"])}).fail(function(){showError("Unable to get data from the device.")}).always(function(){updateSleepInfo(),getAdvancedConfig()})}window.onload=getConfig,setButtonDisabled(!0),$(document).ready(function(){null!=location.hash&&""!=location.hash&&($(".collapse").removeClass("in"),$(location.hash+".collapse").collapse("show"))}),$("#calibrate-btn").click(function(t){console.log("Calibrating..."),$.ajax({type:"POST",url:"/api/calibrate",data:{id:$("#id1").val()},success:function(t){showSuccess("Calibration of device was completed successfully."),getConfig()},error:function(t){showError("Unable to calibrate device.")}})}),$("#firmware-btn").click(function(t){window.location.href="/firmware.htm"}),$("#format-btn").click(function(t){window.location.href="/format.htm"}),$("#format-btn2").click(function(t){window.location.href="/format.htm"}),$("#test-btn").click(function(t){window.location.href="/test.htm"}),$("#test-btn2").click(function(t){window.location.href="/test.htm"}),$("#sleep-interval").keyup(updateSleepInfo),$("#gyro-temp").change(updateSleepInfo),$("#adv-config").click(function(t){checkAdvancedSection()})</script><!-- START FOOTER --><div class="container themed-container bg-primary text-light row-margin-10">(C) Copyright 2021-22 Magnus Persson</div></div></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="description" content=""><title>Beer Gravity Monitor</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"><style>.row-margin-10{margin-top:1em}</style></head><body class="py-4"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script><script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script><!-- START MENU --><nav class="navbar navbar-expand-lg navbar-dark bg-primary"><div class="container"><a class="navbar-brand" href="/index.htm">Beer Gravity Monitor</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav"><li class="nav-item"><a class="nav-link" href="/index.htm">Home</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Configuration</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="#">Configuration</a></li><li><a class="dropdown-item" href="/format.htm">Format editor</a></li><li><a class="dropdown-item" href="/test.htm">Test push</a></li><li><a class="dropdown-item" href="/firmware.htm">Upload firmware</a></li></ul></li><li class="nav-item"><a class="nav-link" href="/calibration.htm">Calibration</a></li><li class="nav-item"><a class="nav-link" href="/about.htm">About</a></li></ul></div><div class="spinner-border text-light" id="spinner" role="status"></div></div></nav><!-- START MAIN INDEX --><div class="container row-margin-10"><div class="alert alert-success alert-dismissible hide fade d-none" role="alert" id="alert"><div id="alert-msg"></div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-warning alert-dismissible hide fade d-none" role="alert" id="warning-sleep"><div>A sleep-interval of less than 300s will reduce battery life, consider using 900s</div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-warning alert-dismissible hide fade d-none" role="alert" id="warning-gyro"><div>When using the gyro temperature use a sleep-interval that is greater than 300s for accurate readings</div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><script type="text/javascript">function showError(s){$("#alert").removeClass("alert-success").addClass("alert-danger").removeClass("hide").addClass("show").removeClass("d-none"),$("#alert-msg").text(s)}function showSuccess(s){$("#alert").addClass("alert-success").removeClass("alert-danger").removeClass("hide").addClass("show").removeClass("d-none"),$("#alert-msg").text(s)}function showWarningSleep(){$("#warning-sleep").removeClass("d-none").addClass("show").removeClass("hide")}function hideWarningSleep(){$("#warning-sleep").addClass("d-none").removeClass("show").addClass("hide")}function showWarningGyro(){$("#warning-gyro").removeClass("d-none").addClass("show").removeClass("hide")}function hideWarningGyro(){$("#warning-gyro").addClass("d-none").removeClass("show").addClass("hide")}$("#alert-btn").click(function(s){$("#alert").addClass("hide").removeClass("show").addClass("d-none")})</script><div class="accordion" id="accordion"><div class="accordion-item"><h2 class="accordion-header" id="headingDevice"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDevice" aria-expanded="true" aria-controls="collapseDevice"><b>Device settings</b></button></h2><div id="collapseDevice" class="accordion-collapse collapse show" aria-labelledby="headingDevice" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/device" method="post"><input type="text" name="id" id="id1" hidden><div class="row mb-3"><label for="mdns" class="col-sm-2 col-form-label">Device name</label><div class="col-sm-3"><input type="text" maxlength="63" class="form-control" name="mdns" id="mdns" placeholder="gravmon" data-bs-toggle="tooltip" title="Name of the device. Will be used for identifying the device when pushing data and on the local network."></div></div><div class="row mb-3"><fieldset class="form-group row"><legend class="col-form-label col-sm-2 float-sm-left pt-0">Temperature Format</legend><div class="col-sm-4"><div class="form-check"><input class="form-check-input" type="radio" name="temp-format" id="temp-format-c" value="C" checked data-bs-toggle="tooltip" title="Temperature format used with displaying data"> <label class="form-check-label" for="temp-format-c">Celsius</label></div><div class="form-check"><input class="form-check-input" type="radio" name="temp-format" id="temp-format-f" value="F" data-bs-toggle="tooltip" title="Temperature format used with displaying data"> <label class="form-check-label" for="temp-format-f">Fahrenheit</label></div></div></fieldset></div><div class="row mb-3"><label for="sleep-interval" class="col-sm-2 col-form-label">Interval (seconds)</label><div class="col-sm-2"><input type="number" min="10" max="3600" class="form-control" name="sleep-interval" id="sleep-interval" placeholder="300" data-bs-toggle="tooltip" title="The number of seconds that the device will sleep between gravity readings. Recommended value is 300s"></div><label for="sleep-interval" class="col-sm-4 col-form-label" id="sleep-interval-info"></label></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><button type="submit" class="btn btn-primary" id="device-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><hr class="my-2"><div class="row mb-3"><label class="col-sm-2 col-form-label">Wifi</label><div class="col-sm-2"><label class="col-sm-4 col-form-label" id="wifi-ssid"></label></div></div><div class="row mb-3"><label class="col-sm-2 col-form-label">Wifi 2</label><div class="col-sm-2"><label class="col-sm-4 col-form-label" id="wifi-ssid2"></label></div></div><hr class="my-2"><div class="row mb-3"><label for="calibrate-btn" class="col-sm-2 col-form-label">Current calibration</label> <label for="calibrate-btn" class="col-sm-2 col-form-label" id="gyro-calibration-data">Loading...</label> <label for="gyro-calibration-data" class="col-sm-2 col-form-label" id="angle">Loading...</label><div class="col-sm-8 offset-sm-2"><button type="button" class="btn btn-warning" id="calibrate-btn" data-bs-toggle="tooltip" title="Perform a calibration. The device should be flat on a surface (90 degrees) with the battery down">Calibrate device</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingPush"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePush" aria-expanded="false" aria-controls="collapsePush"><b>Push settings</b></button></h2><div id="collapsePush" class="accordion-collapse collapse" aria-labelledby="headingPush" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/push" method="post"><input type="text" name="id" id="id2" hidden> <input type="text" name="section" value="collapsePush" hidden> <input type="text" name="http-push-h1" id="http-push-h1" hidden> <input type="text" name="http-push-h2" id="http-push-h2" hidden> <input type="text" name="http-push2-h1" id="http-push2-h1" hidden> <input type="text" name="http-push2-h2" id="http-push2-h2" hidden><div class="row mb-3"><label for="http-push" class="col-sm-2 col-form-label">HTTP 1 (POST)</label><div class="col-sm-8"><input type="url" maxlength="120" class="form-control" name="http-push" id="http-push" placeholder="http://www.internet.com/path" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com/resource (Supports http and https)"></div><div class="col-sm-2"><button type="button" class="btn btn-secondary" data-field1="#http-push-h1" data-field2="#http-push-h2" data-bs-toggle="modal" data-bs-target="#modal-http" data-bs-toggle="tooltip" title="Edit the http headers for data format and authentication">Headers</button></div></div><div class="row mb-3"><label for="http-push2" class="col-sm-2 col-form-label">HTTP 2 (POST)</label><div class="col-sm-8"><input type="url" maxlength="120" class="form-control" name="http-push2" id="http-push2" placeholder="http://www.internet.com/path" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com/resource (Supports http and https)"></div><div class="col-sm-2"><button type="button" class="btn btn-secondary" data-field1="#http-push2-h1" data-field2="#http-push2-h2" data-bs-toggle="modal" data-bs-target="#modal-http" data-bs-toggle="tooltip" title="Edit the http headers for data format and authentication">Headers</button></div></div><div class="row mb-3"><label for="token" class="col-sm-2 col-form-label">Token</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="token" id="token" data-bs-toggle="tooltip" title="Token can be used in the format template as a variable, some services use this for authentication"></div></div><div class="row mb-3"><label for="http-push3" class="col-sm-2 col-form-label">HTTP 3 (GET)</label><div class="col-sm-8"><input type="url" maxlength="120" class="form-control" name="http-push3" id="http-push3" placeholder="http://www.internet.com/path" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com/resource (Supports http and https). Do not add the query string, that will be added via the format template"></div></div><div class="row mb-3"><label for="token2" class="col-sm-2 col-form-label">Token 2</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="token2" id="token2" data-bs-toggle="tooltip" title="Token can be used in the format template as a variable, some services use this for authentication"></div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button type="submit" class="btn btn-primary" id="push-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button class="btn btn-secondary" id="format-btn" data-bs-toggle="tooltip" title="Open up the format editor to change data format posted">Format editor</button> <button class="btn btn-secondary" id="test-btn" data-bs-toggle="tooltip" title="Test posting data to defined push targets">Test Push</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingPush2"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePush2" aria-expanded="false" aria-controls="collapsePush2"><b>Push settings (2)</b></button></h2><div id="collapsePush2" class="accordion-collapse collapse" aria-labelledby="headingPush2" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/push" method="post"><input type="text" name="id" id="id5" hidden> <input type="text" name="section" value="collapsePush2" hidden><div class="row mb-3"><label for="influxdb2-push" class="col-sm-2 col-form-label">InfluxDB v2 URL</label><div class="col-sm-8"><input type="url" maxlength="40" class="form-control" name="influxdb2-push" placeholder="http://www.internet.com" id="influxdb2-push" data-bs-toggle="tooltip" title="URL to push target, use format http://servername.com (Supports http and https)"></div></div><div class="row mb-3"><label for="influxdb2-org" class="col-sm-2 col-form-label">InfluxDB v2 Org</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="influxdb2-org" id="influxdb2-org" data-bs-toggle="tooltip" title="Identifier to what organisation to use"></div></div><div class="row mb-3"><label for="influxdb2-bucket" class="col-sm-2 col-form-label">InfluxDB v2 Bucket</label><div class="col-sm-4"><input type="text" maxlength="50" class="form-control" name="influxdb2-bucket" id="influxdb2-bucket" data-bs-toggle="tooltip" title="Identifier for the data bucket to use"></div></div><div class="row mb-3"><label for="influxdb2-auth" class="col-sm-2 col-form-label">InfluxDB v2 Auth</label><div class="col-sm-4"><input type="text" maxlength="100" class="form-control" name="influxdb2-auth" id="influxdb2-auth" data-bs-toggle="tooltip" title="Authentication token for accessing data bucket"></div></div><hr class="my-2"><div class="row mb-3"><label for="mqtt-push" class="col-sm-2 col-form-label">MQTT Server</label><div class="col-sm-4"><input type="text" maxlength="40" class="form-control" name="mqtt-push" id="mqtt-push" placeholder="www.internet.com" data-bs-toggle="tooltip" title="Name of server to connect to, use format servername.com"></div></div><div class="row mb-3"><label for="mqtt-topic" class="col-sm-2 col-form-label">MQTT Port</label><div class="col-sm-4"><input type="number" min="1" max="65535" class="form-control" name="mqtt-port" id="mqtt-port" placeholder="1883" data-bs-toggle="tooltip" title="Port number to use, 1883 is standard. Ports higher than 8000 will assume to use SSL"></div></div><div class="row mb-3"><label for="mqtt-user" class="col-sm-2 col-form-label">MQTT User</label><div class="col-sm-4"><input type="text" maxlength="20" class="form-control" name="mqtt-user" id="mqtt-user" data-bs-toggle="tooltip" title="Username to use. Leave blank if authentication is disabled"></div></div><div class="row mb-3"><label for="mqtt-pass" class="col-sm-2 col-form-label">MQTT Password</label><div class="col-sm-4"><input type="text" maxlength="20" class="form-control" name="mqtt-pass" id="mqtt-pass" data-bs-toggle="tooltip" title="Password to use. Leave blank if authentication is disabled"></div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button type="submit" class="btn btn-primary" id="push-btn2" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button class="btn btn-secondary" id="format-btn2" data-bs-toggle="tooltip" title="Open up the format editor to change data format posted">Format editor</button> <button class="btn btn-secondary" id="test-btn2" data-bs-toggle="tooltip" title="Test posting data to defined push targets">Test Push</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingGravity"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseGravity" aria-expanded="false" aria-controls="collapseGravity"><b>Gravity Settings</b></button></h2><div id="collapseGravity" class="accordion-collapse collapse" aria-labelledby="headingGravity" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/gravity" method="post"><input type="text" name="id" id="id3" hidden><div class="row mb-3"><fieldset class="form-group row"><label for="gravity-format" class="col-sm-2 col-form-label">Gravity Format</label><div class="col-sm-4"><div class="form-check"><input class="form-check-input" type="radio" name="gravity-format" id="gravity-format-g" value="G" checked data-bs-toggle="tooltip" title="Present gravity in SG format"> <label class="form-check-label" for="gravity-format-g">SG</label></div><div class="form-check"><input class="form-check-input" type="radio" name="gravity-format" id="gravity-format-p" value="P" checked data-bs-toggle="tooltip" title="Present gravity in Plato format"> <label class="form-check-label" for="gravity-format-p">Plato</label></div></div></fieldset></div><div class="row mb-3"><label for="gravity-formula" class="col-sm-2 col-form-label">Formula</label><div class="col-sm-10"><input type="text" maxlength="200" class="form-control" name="gravity-formula" id="gravity-formula" placeholder="0.0*tilt^2+0.01*tilt+0.2" checked data-bs-toggle="tooltip" title="Formula used to convert angle to gravity"></div></div><div class="row mb-3"><div class="col-sm-3 offset-sm-2"><div class="form-check"><input class="form-check-input" type="checkbox" name="gravity-temp-adjustment" id="gravity-temp-adjustment" checked data-bs-toggle="tooltip" title="Adjust the calculated gravity based on the current temperature. Assumes that calibration is done using 20C / 68F"> <label class="form-check-label" for="gravity-temp-adjustment">Temperature adjust gravity</label></div></div></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><button type="submit" class="btn btn-primary" id="gravity-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingHardware"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHardware" aria-expanded="false" aria-controls="collapseHardware"><b>Hardware Settings</b></button></h2><div id="collapseHardware" class="accordion-collapse collapse" aria-labelledby="headingHardware" data-bs-parent="#accordion"><div class="accordion-body"><form action="/api/config/hardware" method="post"><input type="text" name="id" id="id4" hidden><div class="row mb-3"><label for="voltage-factor" class="col-sm-2 col-form-label">Voltage factor</label><div class="col-sm-2"><input type="number" step=".01" class="form-control" name="voltage-factor" id="voltage-factor" placeholder="1.59" data-bs-toggle="tooltip" title="Factor used to calculate the battery voltage. Can vary depending on the R2 value"></div><label for="voltage-factor" class="col-sm-3 col-form-label" id="battery">Loading...</label></div><div class="row mb-3"><label for="voltage-config" class="col-sm-2 col-form-label">Config voltage</label><div class="col-sm-2"><input type="number" step=".01" min="3.00" max="6.00" class="form-control" name="voltage-config" id="voltage-config" placeholder="4.16" data-bs-toggle="tooltip" title="Over this level the device will always go into configuration mode, some batteries might have a higher voltage when fully charged"></div></div><div class="row mb-3"><label for="temp-adjustment-value" class="col-sm-2 col-form-label">Temp Sensor Adj</label><div class="col-sm-2"><input type="number" step=".1" class="form-control" name="temp-adjustment-value" id="temp-adjustment-value" placeholder="0" data-bs-toggle="tooltip" title="This value will be added to the sensor value in case the sensor dont show the correct temperature"></div></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><div class="form-check"><input class="form-check-input" type="checkbox" name="gyro-temp" id="gyro-temp" data-bs-toggle="tooltip" title="Use the temperature sensor in the gyro instead of DS18B20, require 300s update interval to be accurate"> <label class="form-check-label" for="gyro-temp">Use gyro temperature</label></div></div></div><div class="row mb-3"><div class="col-sm-4 offset-sm-2"><div class="form-check"><input class="form-check-input" type="checkbox" name="storage-sleep" id="storage-sleep" data-bs-toggle="tooltip" title="If enabled and the device is placed on its cap (less than 5 degress) it will go into sleep for 2000 minutes"> <label class="form-check-label" for="storage-sleep">Enable storage mode when placed on cap</label></div></div></div><div class="row mb-3"><label class="col-sm-2 col-form-label" for="ble">Bluetooth tilt color:</label><div class="col-sm-2"><select class="form-select" id="ble" name="ble" disabled data-bs-toggle="tooltip" title="Select the BLE token to be used when sending data over bluetooth"><option value="">-not active-</option><option value="red">red</option><option value="green">green</option><option value="black">black</option><option value="purple">purple</option><option value="orange">orange</option><option value="blue">blue</option><option value="yellow">yellow</option><option value="pink">pink</option></select></div></div><div class="row mb-3"><label for="ota-url" class="col-sm-2 col-form-label">OTA base URL</label><div class="col-sm-8"><input type="url" maxlength="90" class="form-control" name="ota-url" id="ota-url" placeholder="http://www.local.com/path/" data-bs-toggle="tooltip" title="Base URL to where firmware and version.json file can be found. Needs to end with '/', example: http://www.mysite.com/firmware/"></div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button type="submit" class="btn btn-primary" id="hardware-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form><div class="row mb-3"><div class="col-sm-8 offset-sm-2"><button class="btn btn-secondary" id="firmware-btn" checked data-bs-toggle="tooltip" title="Manually upload a new firmware version to the device">Upload firmware</button></div></div></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingAdvanced"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAdvanced" aria-expanded="false" aria-controls="collapseAdvanced"><b>Advanced Software Settings (use with caution)</b></button></h2><div id="collapseAdvanced" class="accordion-collapse collapse" aria-labelledby="headingAdvanced" data-bs-parent="#accordion"><div class="accordion-body"><div class="row mb-3"><div class="col-sm-4"><div class="form-check"><input checked class="form-check-input" type="checkbox" name="adv-config" id="adv-config" data-bs-toggle="tooltip" title="Enable the advanced software settings."> <label class="form-check-label" for="adv-config">Disable advanced software settings</label></div></div></div><form action="/api/config/advanced" method="post"><input type="text" name="id" id="id6" hidden><div class="row mb-3"><label for="gyro-read-count" class="col-sm-3 col-form-label">Gyro reads:</label><div class="col-sm-3"><input disabled type="number" min="10" max="100" class="form-control" name="gyro-read-count" id="gyro-read-count" placeholder="50" checked data-bs-toggle="tooltip" title="How many times should we read the gyro to get an accurate angle. More reads = better accuracy but higher battery drain"></div><div class="col-sm-5">(10-100) - default 50</div></div><div class="row mb-3"><label for="gyro-moving-threashold" class="col-sm-3 col-form-label">Gyro moving theashold</label><div class="col-sm-3"><input disabled type="number" min="50" max="1000" class="form-control" name="gyro-moving-threashold" id="gyro-moving-threashold" placeholder="500" checked data-bs-toggle="tooltip" title="How much deviation between gyro reads are acceptable in order to regard this as a valid angle"></div><div class="col-sm-5">(50-1000) - default 500</div></div><div class="row mb-3"><label for="formula-max-deviation" class="col-sm-3 col-form-label">Formula max deviation (SG)</label><div class="col-sm-3"><input disabled type="number" step=".1" min="1" max="10" class="form-control" name="formula-max-deviation" id="formula-max-deviation" placeholder="3" checked data-bs-toggle="tooltip" title="When validating the derived formula this is the maximum accepted deviation for the supplied values"></div><div class="col-sm-5">(1 - 10) - default 3 SG</div></div><div class="row mb-3"><div class="col-sm-3 offset-sm-3"><div class="form-check"><input disabled class="form-check-input" type="checkbox" class="form-control" name="ignore-low-angles" id="ignore-low-angles" data-bs-toggle="tooltip" title="When active, angles below water will be ignored. Note! Angle must be defined under calibration, first field."> <label class="form-check-label" for="ignore-low-angles">Ignore angles below water</label></div></div><div class="col-sm-5" name="water-angle" id="water-angle"></div></div><div class="row mb-3"><label for="formula-calibration-temp" class="col-sm-3 col-form-label">Gravity calibration temp</label><div class="col-sm-3"><input disabled type="number" step=".01" min="0" max="100" class="form-control" name="formula-calibration-temp" id="formula-calibration-temp" placeholder="20" checked data-bs-toggle="tooltip" title="Calibration temperature, used in temperatur correction formula, default 20C/68F"></div><div class="col-sm-5">(0 - 100) - default 20C/68F</div></div><hr><div class="row mb-3"><label for="tempsensor-resolution" class="col-sm-3 col-form-label">DS18B20 resolution (bits)</label><div class="col-sm-3"><input disabled type="number" min="9" max="12" class="form-control" name="tempsensor-resolution" id="tempsensor-resolution" placeholder="9" checked data-bs-toggle="tooltip" title="Resolution when reading the DS18B20 temperature sensor, higher resolution give better accuracy but takes longer"></div><div class="col-sm-5">(9 - 12) - default 9 bits</div></div><hr><div class="row mb-3"><label for="wifi-connect-timeout" class="col-sm-3 col-form-label">Wifi connect timeout (s)</label><div class="col-sm-3"><input disabled type="number" min="1" max="60" class="form-control" name="wifi-connect-timeout" id="wifi-connect-timeout" placeholder="20" checked data-bs-toggle="tooltip" title="Max time waiting for a wifi connection before going back to sleep"></div><div class="col-sm-5">(1 - 60) - default 20 s</div></div><div class="row mb-3"><label for="wifi-portal-timeout" class="col-sm-3 col-form-label">Wifi portal timeout (s)</label><div class="col-sm-3"><input disabled type="number" min="10" max="240" class="form-control" name="wifi-portal-timeout" id="wifi-portal-timeout" placeholder="120" checked data-bs-toggle="tooltip" title="Max time the wifi portal is active before existing"></div><div class="col-sm-5">(10 - 240) - default 120 s</div></div><hr><div class="row mb-3"><label for="int-http1" class="col-sm-3 col-form-label">Skip interval - HTTP 1 (POST):</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-http1" id="int-http1" placeholder="0" checked data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-http2" class="col-sm-3 col-form-label">Skip interval - HTTP 2 (POST)</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-http2" id="int-http2" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-http3" class="col-sm-3 col-form-label">Skip interval - HTTP 3 (GET)</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-http3" id="int-http3" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-influx" class="col-sm-3 col-form-label">Skip interval - InfluxDB v2</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-influx" id="int-influx" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><label for="int-mqtt" class="col-sm-3 col-form-label">Skip interval - MQTT</label><div class="col-sm-3"><input disabled type="number" min="0" max="5" class="form-control" name="int-mqtt" id="int-mqtt" placeholder="0" data-bs-toggle="tooltip" title="Defines how many sleep cycles to skip between pushing data to this target, 1 = every second cycle"></div><div class="col-sm-5">(0 - 5) - default 0</div></div><div class="row mb-3"><div class="col-sm-8 offset-sm-3"><button type="submit" class="btn btn-primary" id="advanced-btn" data-bs-toggle="tooltip" title="Save changes in this section">Save</button></div></div></form></div></div></div></div><div class="modal fade" id="modal-http" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modal-header" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="modal-header">Define HTTP headers</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"><label for="http-header" class="col-form-label">Header 1 (Header: value)</label> <input type="text" maxlength="100" class="form-control" id="header1" oninput="checkHeader(this)" placeholder="Content-Type: application/json" data-bs-toggle="tooltip" title="Set a http headers, empty string is skipped"> <label for="http-header" class="col-form-label">Header 2 (Header: value)</label> <input type="text" maxlength="100" class="form-control" id="header2" oninput="checkHeader(this)" data-bs-toggle="tooltip" title="Set a http headers, empty string is skipped"> <input type="text" id="field1" hidden> <input type="text" id="field2" hidden></div><div class="modal-footer"><button type="button" class="btn btn-primary" data-bs-dismiss="modal" data-bs-toggle="tooltip" title="Close dialog, press the save button in the section to save data">Close</button></div></div></div></div><script>function checkHeader(d){console.log(d.value),""!=d.value&&-1==d.value.indexOf(":")?($("#btn-close").prop("disabled",!0),$(d).removeClass("is-valid").addClass("is-invalid")):($("#btn-close").prop("disabled",!1),$(d).removeClass("is-invalid").addClass("is-valid"))}$("#modal-http").on("show.bs.modal",function(d){var l=$(d.relatedTarget),a=l.data("field1"),e=l.data("field2"),o=$(this);o.find(".modal-body #header1").val($(a).val()),o.find(".modal-body #header2").val($(e).val()),o.find(".modal-body #field1").val(a),o.find(".modal-body #field2").val(e)}),$("#modal-http").on("hide.bs.modal",function(d){console.log("2");var l=$(this);field1=l.find(".modal-body #field1").val(),field2=l.find(".modal-body #field2").val(),$(field1).val(l.find(".modal-body #header1").val()),$(field2).val(l.find(".modal-body #header2").val())})</script><script type="text/javascript">function estimateBatteryLife(t,a){var e=170,i=15,o=2e3;a<1&&(a=2);var n=86400/(t+a)*(a/3600)*e+i;return o/n}function updateSleepInfo(){var t=parseInt($("#sleep-interval").val()),a=parseInt($("#runtime-average").val()),e=0;0<a&&(e=estimateBatteryLife(t,a));var i=Math.floor(t/60)+" m "+t%60+" s",o=Math.floor(e/7)+" weeks "+Math.floor(e%7)+" days";e?$("#sleep-interval-info").text(i+"  -  Estimated runtime: "+o):$("#sleep-interval-info").text(i),hideWarningGyro(),0<t&&t<300?($("#gyro-temp").is(":checked")&&showWarningGyro(),showWarningSleep()):hideWarningSleep()}function setButtonDisabled(t){$("#device-btn").prop("disabled",t),$("#calibrate-btn").prop("disabled",t),$("#push-btn").prop("disabled",t),$("#format-btn").prop("disabled",t),$("#test-btn").prop("disabled",t),$("#gravity-btn").prop("disabled",t),$("#hardware-btn").prop("disabled",t),$("#push-btn2").prop("disabled",t),$("#format-btn2").prop("disabled",t),$("#test-btn2").prop("disabled",t),$("#advanced-btn").prop("disabled",t),checkAdvancedSection(t)}function checkAdvancedSection(t){t=$("#adv-config").is(":checked");$("#advanced-btn").prop("disabled",t),$("#gyro-read-count").prop("disabled",t),$("#gyro-moving-threashold").prop("disabled",t),$("#formula-max-deviation").prop("disabled",t),$("#wifi-portal-timeout").prop("disabled",t),$("#wifi-connect-timeout").prop("disabled",t),$("#formula-calibration-temp").prop("disabled",t),$("#int-http1").prop("disabled",t),$("#int-http2").prop("disabled",t),$("#int-http3").prop("disabled",t),$("#int-influx").prop("disabled",t),$("#int-mqtt").prop("disabled",t),$("#tempsensor-resolution").prop("disabled",t),$("#ignore-low-angles").prop("disabled",t)}function getAdvancedConfig(){setButtonDisabled(!0);var t="/api/config/advanced";$("#spinner").show(),$.getJSON(t,function(t){console.log(t),$("#gyro-read-count").val(t["gyro-read-count"]),$("#gyro-moving-threashold").val(t["gyro-moving-threashold"]),$("#formula-max-deviation").val(t["formula-max-deviation"]),$("#wifi-portal-timeout").val(t["wifi-portal-timeout"]),$("#wifi-connect-timeout").val(t["wifi-connect-timeout"]),$("#tempsensor-resolution").val(t["tempsensor-resolution"]),$("#ignore-low-angles").prop("checked",t["ignore-low-angles"]),$("#formula-calibration-temp").val(t["formula-calibration-temp"]),$("#int-http1").val(t["int-http1"]),$("#int-http2").val(t["int-http2"]),$("#int-http3").val(t["int-http3"]),$("#int-influx").val(t["int-influx"]),$("#int-mqtt").val(t["int-mqtt"]),(50!=t["gyro-read-count"]||500!=t["gyro-moving-threashold"]||3!=t["formula-max-deviation"]||120!=t["wifi-portal-timeout"]||20!=t["wifi-connect-timeout"]||9!=t["tempsensor-resolution"]||0!=t["int-http1"]||0!=t["int-http2"]||0!=t["int-http3"]||0!=t["int-influx"]||0!=t["int-mqtt"]||0!=t["ignore-low-angles"]||20!=t["formula-calibration-temp"]&&68!=t["formula-calibration-temp"])&&$("#adv-config").attr("checked",!1)}).fail(function(){showError("Unable to get data from the device.")}).always(function(){$("#spinner").hide(),setButtonDisabled(!1)})}function getConfig(){setButtonDisabled(!0);var t="/api/config";$("#spinner").show(),$.getJSON(t,function(t){console.log(t),"esp32"!=t.platform&&"esp32c3"!=t.platform||($("#ble").prop("disabled",!1),$("#ble").val(t.ble)),$("#id1").val(t.id),$("#id2").val(t.id),$("#id3").val(t.id),$("#id4").val(t.id),$("#id5").val(t.id),$("#id6").val(t.id),$("#mdns").val(t.mdns),"C"==t["temp-format"]?$("#temp-format-c").click():$("#temp-format-f").click(),"G"==t["gravity-format"]?$("#gravity-format-g").click():$("#gravity-format-p").click(),$("#ota-url").val(t["ota-url"]),$("#token").val(t.token),$("#token2").val(t.token2),$("#http-push").val(t["http-push"]),$("#http-push-h1").val(t["http-push-h1"]),$("#http-push-h2").val(t["http-push-h2"]),$("#http-push2").val(t["http-push2"]),$("#http-push2-h1").val(t["http-push2-h1"]),$("#http-push2-h2").val(t["http-push2-h2"]),$("#http-push3").val(t["http-push3"]),$("#influxdb2-push").val(t["influxdb2-push"]),$("#influxdb2-org").val(t["influxdb2-org"]),$("#influxdb2-bucket").val(t["influxdb2-bucket"]),$("#influxdb2-auth").val(t["influxdb2-auth"]),$("#mqtt-push").val(t["mqtt-push"]),$("#mqtt-port").val(t["mqtt-port"]),$("#mqtt-user").val(t["mqtt-user"]),$("#mqtt-pass").val(t["mqtt-pass"]),$("#sleep-interval").val(t["sleep-interval"]),$("#voltage-factor").val(t["voltage-factor"]),$("#voltage-config").val(t["voltage-config"]),$("#gravity-formula").val(t["gravity-formula"]),$("#temp-adjustment-value").val(t["temp-adjustment-value"]),$("#gravity-temp-adjustment").prop("checked",t["gravity-temp-adjustment"]),$("#gyro-temp").prop("checked",t["gyro-temp"]),$("#storage-sleep").prop("checked",t["storage-sleep"]),$("#gyro-calibration-data").text(t["gyro-calibration-data"].ax+","+t["gyro-calibration-data"].ay+","+t["gyro-calibration-data"].az+","+t["gyro-calibration-data"].gx+","+t["gyro-calibration-data"].gy+","+t["gyro-calibration-data"].gz),$("#battery").text(t.battery+" V"),$("#angle").text(t.angle),$("#runtime-average").val(t["runtime-average"]),$("#water-angle").text("(Water angle: "+t["formula-calculation-data"].a1+") - default off"),$("#wifi-ssid").text(t["wifi-ssid"]),$("#wifi-ssid2").text(t["wifi-ssid2"])}).fail(function(){showError("Unable to get data from the device.")}).always(function(){updateSleepInfo(),getAdvancedConfig()})}window.onload=getConfig,setButtonDisabled(!0),$(document).ready(function(){null!=location.hash&&""!=location.hash&&($(".collapse").removeClass("in"),$(location.hash+".collapse").collapse("show"))}),$("#calibrate-btn").click(function(t){console.log("Calibrating..."),$.ajax({type:"POST",url:"/api/calibrate",data:{id:$("#id1").val()},success:function(t){showSuccess("Calibration of device was completed successfully."),getConfig()},error:function(t){showError("Unable to calibrate device.")}})}),$("#firmware-btn").click(function(t){window.location.href="/firmware.htm"}),$("#format-btn").click(function(t){window.location.href="/format.htm"}),$("#format-btn2").click(function(t){window.location.href="/format.htm"}),$("#test-btn").click(function(t){window.location.href="/test.htm"}),$("#test-btn2").click(function(t){window.location.href="/test.htm"}),$("#sleep-interval").keyup(updateSleepInfo),$("#gyro-temp").change(updateSleepInfo),$("#adv-config").click(function(t){checkAdvancedSection()})</script><!-- START FOOTER --><div class="container themed-container bg-primary text-light row-margin-10">(C) Copyright 2021-22 Magnus Persson</div></div></body></html>
\ No newline at end of file
diff --git a/src/webserver.cpp b/src/webserver.cpp
index d1d775d..a6a9d4f 100644
--- a/src/webserver.cpp
+++ b/src/webserver.cpp
@@ -87,7 +87,11 @@ void WebServerHandler::webHandleConfig() {
 
 #if defined(ESP8266)
   doc[PARAM_PLATFORM] = "esp8266";
-#else
+#elif defined(ESP32C3)
+  doc[PARAM_PLATFORM] = "esp32c3";
+#elif defined(ESP32S2)
+  doc[PARAM_PLATFORM] = "esp32s3";
+#else // esp32 mini
   doc[PARAM_PLATFORM] = "esp32";
 #endif
 
@@ -267,7 +271,11 @@ void WebServerHandler::webHandleStatus() {
 
 #if defined(ESP8266)
   doc[PARAM_PLATFORM] = "esp8266";
-#else
+#elif defined(ESP32C3)
+  doc[PARAM_PLATFORM] = "esp32c3";
+#elif defined(ESP32S2)
+  doc[PARAM_PLATFORM] = "esp32s3";
+#else // esp32 mini
   doc[PARAM_PLATFORM] = "esp32";
 #endif
 
diff --git a/src_docs/source/api.rst b/src_docs/source/api.rst
index ea19868..9ef9d8f 100644
--- a/src_docs/source/api.rst
+++ b/src_docs/source/api.rst
@@ -84,7 +84,7 @@ GET: /api/status
 Retrive the current device status via an HTTP GET command. Payload is in JSON format.
 
 * ``temp-format`` can be either ``C`` or ``F``
-* ``platform`` can be either ``esp8266`` or ``esp32``
+* ``platform`` can be either ``esp8266``, ``esp32c3``, ``esp32s2`` or ``esp32``
 * ``temp-c`` will be set to -273 C if there is no temp sensor
 * ``angle`` will be set to 0 if no valid angle is found and -1 if there is no gyro
 
