1 files changed, 134 insertions, 0 deletions
diff --git a/html/widgets/remote.tmpl b/html/widgets/remote.tmpl
new file mode 100644
index 0000000..633537c
--- /dev/null
+++ b/html/widgets/remote.tmpl
@@ -0,0 +1,134 @@
+<!-- remote -->
+<?% IF cgi.param('monitor').defined;monitor = cgi.param('monitor');ELSE;monitor = param.monitor;END %?>
+<img src="images/trans.gif" name="switchimage" width="2" height="1">
+<form name="remoteform" onsubmit="changeInterval(document.remoteform.grabinterval.value); return false">
+
+<script language="javascript" type="text/javascript">
+<!--
+
+var interval = 5
+var last = 0;
+
+function switch_channel(url) {
+    parent.Status.location.href = url;
+<?% IF monitor %?>
+    if(last + 1000 < Date.UTC()) {
+        grab();
+    }
+<?% END %?>
+}
+
+<?% IF monitor %?>
+function grab() {
+    if(document.remoteform.grabinterval.value > 0) {
+        Now = new Date();
+    	document.livepicture.src = '?cmd=gdisplay&binary=1&laber=' + Now.getTime();
+    }
+    last = Date.UTC();
+}
+
+function changeInterval(newinterval) {
+    window.clearInterval(aktiv);
+    if(newinterval > 0) {
+        inter = newinterval * 1000;
+        aktiv = window.setInterval("grab()", inter);
+    }
+}
+
+inter = interval * 1000;
+aktiv = window.setInterval("grab()", inter);
+<?% END %?>
+-->
+</script>
+
+<style type="text/css" media="screen">
+<!--
+#small  { font-weight: normal; width: 20px; height: 20px; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif}
+-->
+</style>
+<?% USE date %?>
+<!-- remote -->
+<center>
+<table border=0 cellpadding=0 cellspacing=0>
+<tr>
+<?% IF monitor %?>
+  <td rowspan="12">
+    <img src="?cmd=gdisplay&binary=1&laber=<?% date.now %?>" width="<?% param.width %?>" height="<?% param.height %?>" name="livepicture">
+  </td>
+<?% END %?>
+  <td colspan="3"><nobr>
+  <input type="button" onclick="self.location.href='?cmd=r&monitor=<?% monitor ? 0 : 1 %?>'" name="monitor" value="<?% gettext("Monitor") %?>">
+  <input type="button" onclick="switch_channel('?cmd=remote&data=Power')" name="power" value="<?% gettext("Powerdown") %?>">
+  </td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=1')" type="button" name="1" value="1"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=2')" type="button" name="2" value="2"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=3')" type="button" name="3" value="3"></td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=4')" type="button" name="4" value="4"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=5')" type="button" name="5" value="5"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=6')" type="button" name="6" value="6"></td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=7')" type="button" name="7" value="7"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=8')" type="button" name="8" value="8"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=9')" type="button" name="9" value="9"></td>
+</tr>
+<tr>
+  <td>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Null')" type="button" name="0" value="0"></td>
+  <td>&nbsp;</td>
+</tr>
+<tr>
+  <td colspan="3" align="center"><nobr>
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Red')" type="button" name="red" value=" " style="background:red">
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Green')" type="button" name="green" value=" " style="background:green">
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Yellow')" type="button" name="yellow" value=" " style="background:yellow">
+    <input id='small' onclick="switch_channel('?cmd=remote&data=Blue')" type="button" name="blue" value=" " style="background:blue">
+  </td>
+</tr>
+<tr>
+  <td>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Up')" type="button" name="up" value="^"></td>
+  <td>&nbsp;</td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Left')" type="button" name="left" value="<"></td>
+  <td align='center'><input            onclick="switch_channel('?cmd=remote&data=Ok')" type="button" name="ok" value="<?% gettext("Ok") %?>"></td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Right')" type="button" name="right" value=">"></td>
+</tr>
+<tr>
+  <td>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=Down')" type="button" name="down" value="v"></td>
+  <td>&nbsp;</td>
+</tr>
+<tr>
+  <td colspan="3"><nobr>
+  <input type="button" onclick="switch_channel('?cmd=remote&data=Menu')" name="menu" value="<?% gettext("Menu") %?>">
+  <input onclick="switch_channel('?cmd=remote&data=Back')" type="button" name="back" value="<?% gettext("Back") %?>">
+  </td>
+</tr>
+<tr>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=VolumeMinus')" type="button" name="leiser" value="-"></td>
+  <td align='center'>&nbsp;</td>
+  <td align='center'><input id='small' onclick="switch_channel('?cmd=remote&data=VolumePlus')" type="button" name="lauter" value="+"></td>
+</tr>
+<?% IF monitor %?>
+<tr>
+    <td align='center' colspan="3">
+        <input style='width:20px' name="grabinterval" type="text" size="2">
+        <input type="button" onclick="changeInterval(document.remoteform.grabinterval.value)" value="<?% gettext("Set") %?>">
+    </td>
+</tr>
+<?% END %?>
+</form>
+</table>
+<?% IF monitor %?>
+<script language="javascript" type="text/javascript">
+<!--
+document.remoteform.grabinterval.value = interval;
+//-->
+</script>
+<?% END %?>