Finalized new configuration menu and moved AP button trigger from setup to loop

This commit is contained in:
Gunnar Skjold
2020-02-14 19:49:25 +01:00
parent 75f3c8c592
commit 517a40b0a6
19 changed files with 1124 additions and 1057 deletions

View File

@@ -6,6 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="boot.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<style>
.bg-purple {
background-color: var(--purple);
@@ -46,6 +47,7 @@
</ul>
</header>
<form method="post" action="/save">
<input type="hidden" name="wifiConfig" value="true"/>
<div class="my-3 p-3 bg-white rounded shadow">
<div class="row">
<div class="col-md-4">
@@ -66,7 +68,7 @@
<div class="row form-group">
<label class="col-6">IP configuration</label>
<div class="col-6">
<select class="form-control" name="wifiIpType">
<select id="wifiIpType" class="form-control" name="wifiIpType">
<option value="0" ${config.wifiIpType0}>DHCP</option>
<option value="1" ${config.wifiIpType1}>Static</option>
</select>
@@ -75,7 +77,7 @@
<div class="row form-group">
<label class="col-3">IP</label>
<div class="col-9">
<input type="text" class="form-control" name="wifiIp" value="${config.wifiIp}"/>
<input type="text" class="form-control wifiip-config" name="wifiIp" value="${config.wifiIp}"/>
</div>
</div>
</div>
@@ -83,13 +85,13 @@
<div class="row form-group">
<label class="col-3">Subnet</label>
<div class="col-9">
<input type="text" class="form-control" name="wifiSubnet" value="${config.wifiSubnet}"/>
<input type="text" class="form-control wifiip-config" name="wifiSubnet" value="${config.wifiSubnet}"/>
</div>
</div>
<div class="row form-group">
<label class="col-3">Gateway</label>
<div class="col-9">
<input type="text" class="form-control" name="wifiGw" value="${config.wifiGw}"/>
<input type="text" class="form-control wifiip-config" name="wifiGw" value="${config.wifiGw}"/>
</div>
</div>
</div>
@@ -106,5 +108,15 @@
</div>
</form>
</main>
<script>
$('#wifiIpType').on('change', function() {
var inputs = $('.wifiip-config');
inputs.prop('disabled', $(this).val() != 1);
});
$(function() {
$('#wifiIpType').trigger('change');
});
</script>
</body>
</html>