octonet/octoserve/var/www/tunerstatus.html

131 lines
3.9 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OctopusNet</title>
<link rel="stylesheet" type="text/css" href="/style.css">
<script type="text/javascript" src="/menu.js"></script>
<!-- Add additional scripts and settings here -->
<meta http-equiv="Pragma" content="no-cache" />
<!-- Add page scripts here -->
<script type="text/javascript">
var xmlhttp = new XMLHttpRequest();
var url = "/octoserve/tunerstatus.json";
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState == 4 )
{
if( xmlhttp.status == 200 )
myFunction(xmlhttp.responseText);
}
}
function myFunction(response)
{
try
{
var tl = JSON.parse(response);
Show(tl.TunerList);
}
catch(err) {}
window.setTimeout(renew,1000);
}
function Show(TunerList)
{
for( var i = 0; i < TunerList.length ; i++ )
{
if( TunerList[i].Status == "Active" && TunerList[i].Lock )
{
document.getElementById("tdStatus"+i).firstChild.nodeValue = "Locked";
document.getElementById("tdStrength"+i).firstChild.nodeValue = (TunerList[i].Strength/1000+108.75).toFixed(1)+" dBµV";
document.getElementById("tdSNR"+i).firstChild.nodeValue = (TunerList[i].SNR/1000).toFixed(1) + " dB";
document.getElementById("tdQuality"+i).firstChild.nodeValue = TunerList[i].Quality.toFixed(0) + "%";
}
else
{
if( TunerList[i].Status == "Active" )
document.getElementById("tdStatus"+i).firstChild.nodeValue = "No Signal";
else
document.getElementById("tdStatus"+i).firstChild.nodeValue = "IDLE";
document.getElementById("tdStrength"+i).firstChild.nodeValue = "";
document.getElementById("tdSNR"+i).firstChild.nodeValue = "";
document.getElementById("tdQuality"+i).firstChild.nodeValue = "";
}
document.getElementById("trTuner"+i).style.display = "table-row";
}
}
function renew()
{
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
function OnLoad()
{
window.setTimeout(renew,1000);
}
</script>
</head>
<body onload="OnLoad()">
<table class="maintable">
<colgroup>
<col style="width:182px"/>
<col style="width:728px"/>
</colgroup>
<tr><td class="maintd" colspan="2">
<a href="http://www.digitaldevices.de"><img src="/BannerDD.jpg" alt="DD" width="910" height="130" /></a>
</td></tr>
<tr><td class="maintd" colspan="2">&nbsp;</td></tr>
<tr>
<td class="maintd"><script type="text/javascript">CreateMenu();</script></td>
<td class="maintd">
<div class="content">
<!-- Begin Content -->
<table id="tunerstatus" style="margin:auto">
<colgroup>
<col style="width:80px"/>
<col style="width:140px"/>
<col style="width:140px"/>
<col style="width:140px"/>
<col style="width:140px"/>
</colgroup>
<tr>
<th>Tuner</th>
<th>Lock</th>
<th>Strength</th>
<th>SNR</th>
<th>Quality</th>
</tr>
<script type="text/javascript">
for( var i = 0; i < 12 ; i++ )
{
document.write('<tr id="trTuner'+i+'" style="display:none">');
document.write('<td>' + (i+1) + '</td>');
document.write('<td id="tdStatus'+i+'">&nbsp;</td>');
document.write('<td id="tdStrength'+i+'">&nbsp;</td>');
document.write('<td id="tdSNR'+i+'">&nbsp;</td>');
document.write('<td id="tdQuality'+i+'">&nbsp;</td>');
document.write('</tr>');
}
</script>
</table>
<!-- End Content -->
</div>
</td>
</tr>
<tr><td colspan="2">&nbsp;</td></tr>
</table>
</body>
</html>