Skip to content
GitLab
Select Git revision
  • master default
  • mqtt
Find file BlameHistoryPermalink
setupSensor.html 3.31 KiB
1 
<!DOCTYPE html>
2 
<html>
3 
  <head>
4 
    <meta charset="utf-8" />
5 
    <meta name="viewport" content="width=device-width, initial-scale=1">
6 
    <link rel="stylesheet" href="styles.css" />
7 
    <img class="logo" src="copain.png" />
8 
  </head>
9 
<body>
10 
  <script type="text/JavaScript">
11 
  fetch('sensorsetup')
12 
    .then(function (response) {return response.json();})
13 
    .then(function (data) { fillForm(data);})
14 
    .catch(function (err) { console.log('error: ' + err); });
15 
  function fillForm(data) {
16 
    document.getElementById("write").checked = data.write;
17 
    if (data.freq<0) return;
18 
    document.getElementById("freq").value = data.freq;
19 
    document.getElementById("ftxt").value = data.freq;
20 
    document.getElementById("alt").value = data.alt; }
21 
  function checkOther(val) {
22 
    var x = document.getElementById("ftxt");
23 
    var y = document.getElementById("flbl");
24 
    if (val=='other') {
25 
      x.value = ""; x.style.display='block'; y.style.display='block';
26 
    } else {
27 
      x.style.display='none'; y.style.display='none'; x.value = val;
28 
    }}
29 
</script>
30
31 
<nav role="navigation">
32 
<div id="menuToggle"><input class="menuchk" type="checkbox" />
33 
<span></span><span></span><span></span><ul id="menu" class="menul">
34 
  <li><h3>Main menu</h3></li>
35 
  <li><a href="index.html">Home</a></li>
36 
  <li><a href="download.html">Data files</a></li>
37 
  <li><h3>Setup</h3></li>
38 
  <li><a href="setupWifi.html">Wifi setup</a><li/>
39 
  <li><a href="setupAP.html">AP setup</a><li/>
40 
  <li><div class="menusel">Sensor settings</div><li/>
41 
  <li><a href="setupDateTime.html">Date and time</a><li/>
42 
</ul>
43 
</div>
44 
</nav>
45
46 
<div class="main">
47 
<h1 id="wifi-co2-sensor">Configure Sensor</h1>
48
49 
<form method='get' id="ssid" action='SensorSetting'>
50 
<h2>CO2 measurement settings</h2>
51 
<div class="linfopanel">
52 
<div class="linfo"><div class="ititle">Measurement interval</div><div class="icont">
53 
<div class="itxt">
54 
<select name="freq" id="freq" onchange='checkOther(this.value);' >
55 
  <option value="30">30 s.</option>
56 
  <option value="60">1 min.</option>
57 
  <option value="120">2 min.</option>
58 
  <option value="180">3 min.</option>
59 
  <option value="300">5 min.</option>
60 
  <option value="600">10 min.</option>
61 
  <option value="900">15 min.</option>
62 
  <option value="1200">20 min.</option>
63 
  <option value="1800">30 min.</option>
64 
  <option value="3600">1 h.</option>
65 
  <option value="7200">2 h.</option>
66 
  <option value="10800">3 h.</option>
67 
  <option value="21600">6 h.</option>
68 
  <option value="other">other</option>
69 
</select>
70 
<label id='flbl' style='display:none;'> seconds :</label>
71727374757677787980818283848586878889
<input type="text" name="ftxt" id="ftxt" style='display:none;'/> </div></div></div> <div class="linfo"><div class="ititle">Altitude</div><div class="icont"> <div class="itxt"> <input type="number" id="alt" name="alt" min="1" max="8849" /><label> m.</label> </div></div></div> <div class="linfo"><div class="ititle">Data saving</div><div class="icont"> <div class="itxt"><div class="chk"><input type='checkbox' id='write' name='write'> <label for='write'>Write sensor data to flash</label></div></div></div></div> <div class="linfo"><div class="icont"> <div class="itxt"><div class="chk"><input type='checkbox' id='donotsave' name='save'> <label for='donotsave'>Do not save to flash.</label></div></div> <div class="itxt"><div class="btn"><input type='submit' value='Set values' /></div></div> </div></div></div></form> </div></body></html>