46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<label for="channel">Channel:</label>
|
|
|
|
<select name="channel" id="channel" form="form_id"></select>
|
|
|
|
<form action="/filter/submit" id="form_id">
|
|
<label for="Order">Order:</label>
|
|
<input type="number" id="order" name="order"><br>
|
|
<label for="Frequency">Frequency:</label>
|
|
<input type="number" id="frequency" name="frequency"><br>
|
|
<label for="hpf">Low Pass Filter:</label>
|
|
<input type="radio" id="lpf" name="filter" value="0"><br>
|
|
<label for="lpf">High Pass Filter:</label>
|
|
<input type="radio" id="hpf" name="filter" value="1"><br>
|
|
<input type="submit" value="Save">
|
|
</form>
|
|
|
|
<script>
|
|
|
|
const select = document.getElementById('channel');
|
|
window.onload = function()
|
|
{
|
|
|
|
for(var i = 1; i < 3; i++)
|
|
{
|
|
var element = document.createElement('option');
|
|
element.value = i;
|
|
element.innerHTML = i;
|
|
select.appendChild(element);
|
|
}
|
|
}
|
|
|
|
select.onchange = async function()
|
|
{
|
|
const response = await fetch('/filter/channel'+select.value);
|
|
var result = await response.json();
|
|
//get the current filter for that channel
|
|
document.getElementById('order').value = result["order"];
|
|
document.getElementById('frequency').value = result["frequency"];
|
|
if(result["filtertype"] === "1")
|
|
document.getElementById('hpf').checked = true;
|
|
else
|
|
document.getElementById('lpf').checked = true;
|
|
}
|
|
|
|
|
|
</script> |