79 lines
2.0 KiB
HTML
79 lines
2.0 KiB
HTML
<!DOCTYPE html>”
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="/chota.css">
|
|
|
|
<script>
|
|
if (window.matchMedia &&
|
|
window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
document.body.classList.add('dark');
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<nav class="nav" style="margin-bottom: 50px;">
|
|
<div class="nav-left">
|
|
<a class="brand" href="#">Watermeter</a>
|
|
<div class="tabs">
|
|
<a href="/">Status</a>
|
|
<a class="active" href="/settings">Settings</a>
|
|
<a href="/export">Data export</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-right">
|
|
<a class="button outline">Button</a>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<fieldset id="form-settings">
|
|
<legend>Settings</legend>
|
|
<p>
|
|
<label for="input__text">Sensor max height (e.g. 4m)</label>
|
|
<input id="input__text" type="number" placeholder="Text Input">
|
|
</p>
|
|
<p>
|
|
<label for="input__password">Water max height</label>
|
|
<input id="input__password" type="number">
|
|
</p>
|
|
<p>
|
|
<label for="input__webaddress">Water min height</label>
|
|
<input id="input__webaddress" type="number">
|
|
</p>
|
|
<p>
|
|
<label for="input__emailaddress">Email Address</label>
|
|
<input id="input__emailaddress" type="number">
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button primary" style="width: 100%;">Submit</button>
|
|
</p>
|
|
</fieldset>
|
|
|
|
<form action="/update_wifi_credentials" method="post">
|
|
<fieldset id="form-settings">
|
|
<legend>WiFi Settings</legend>
|
|
<p>
|
|
<label for="ssid">SSID</label>
|
|
<input id="ssid" name="ssid" type="text">
|
|
</p>
|
|
<p>
|
|
<label for="wifi_password">Password</label>
|
|
<input id="wifi_password" name="wifi_password" type="password">
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button primary" style="width: 100%;">Submit</button>
|
|
</p>
|
|
</fieldset>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</body> |