config.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

<html><head><title>Door Control</title>
<meta id='viewport' name='viewport' content='width=160; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;'>
<style>
body {background-color:#bbb;font-family:'Verdana',sans-serif}
h2 {line-height:50%;}
h3 {line-height:20%;}
.page {text-align:center;}
.centred-table {margin-left:auto;margin-right:auto;}
td.save,td.result {text-align:center;}
td.info,td.infolabel,td.result {font-size:70%;}
td.infolabel {text-align:right;}
td.result {color:red;}
td.spacer {font-size:50%;}
</style>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.min.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
 $('form').submit(function(){
  $.post('/config/set',$('form').serialize(),function(data){
   $('td.result').html(data);update();
  },'text');return false;
 });update();
});
function update() {
 $.getJSON('/config/get',function(data){
  $.each(data.settings,function(key,value){$('[name='+key+']').val(value);});
  $.each(data.info,function(key,value){$('#'+key).html(value);});
 });
}
</script>
</head>
<body>
<div class=page>
<h3>Configuration</h3>
<form>
<table class=centred-table>
<tr><th>Network:</th><th></th></tr>
<tr><td>MAC address:</td><td><input name=mac size=15 /></td></tr>
<tr><td>Default IP Address:</td><td><input name=def_ip size=13 /></td></tr>
<tr><td>Default netmask:</td><td><input name=def_nm size=13 /></td></tr>
<tr><td>Default gateway:</td><td><input name=def_gw size=13 /></td></tr>
<tr><th>Time:</th><th></th></tr>
<tr><td>NTP server:</td><td><input name=ntpserver size=13 /></td></tr>
<tr><td>UTC offset:</td><td><input name=utcoffset size=5 /></td></tr>
<tr><th>Status:</th><th></th></tr>
<tr><td>Status target:</td><td><input name=stathost size=13 /></td></tr>
<tr><td>Status port:</td><td><input name=statport size=5 /></td></tr>
<tr><th>Front Door:</th><th></th></tr>
<tr><td>Unlock time:</td><td><input name=fd_utime size=3 /> (secs)</td></tr>
<tr><th>Garage Doors:</th><th></th></tr>
<tr><td>Stay open for:</td><td><input name=gd_gtime size=3 /> (mins)</td></tr>
<tr><td>Dawn Hour:</td><td><input name=dawn size=3 /> (0-24)</td></tr>
<tr><td>Dusk Hour:</td><td><input name=dusk size=3 /> (0-24)</td></tr>
<tr><td class=save colspan=2><input type=submit value="Save Settings" /></td></tr>
<tr><td class=result colspan=2>&nbsp;</td></tr>
<tr><td class=spacer colspan=2>&nbsp;</td></tr>
<tr><td class=infolabel>Config Version:</td><td class=info id=version></td></tr>
<tr><td class=infolabel>Current Time:</td><td class=info id=time></td></tr>
<tr><td class=infolabel>Last NTP Time:</td><td class=info id=lastntp></td></tr>
</table>
</form>
</div>
</body>
</html>