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
|
# Call to get uptime info for template.
_UPTIME = %x[uptime]
# Call to get current date for template.
_DATE =%x[date +%Y-%m-%d]
# Main page.
%{
<HTML> <HEAD> <!-- This HTML file has been created by a ruby servlet -->
<TITLE>Camera Live View Interface</TITLE>
<link rel="stylesheet" type="text/css" href="/style.css">
<SCRIPT type="text/javascript">
<!--
function updateImg() {
var myClass = document.getElementsByClassName("camImage");
/*
console.log(myClass);
console.log(myClass[0].id);
console.log(myClass.length);
*/
for (var i = 0; i < myClass.length; i++) {
// console.log(myClass[i].id);
if (document.getElementById(myClass[i].id)) {
var tempImage = document.getElementById(myClass[i].id).src.split("&");
document.getElementById(myClass[i].id).src = tempImage[0]+"&rand="+ Math.random();
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<script>
//call after page loaded
window.onload=setInterval(updateImg, #{ALIMGUPDATETIME});
</script>
<TABLE border="1" cellpadding="5" >
<TBODY>
<TR>
<TD align="center">
<A HREF="/"><img src="ifetch.png" align="left" width=50 heigth=50></A>
#{_DATE}
#{_UPTIME}
<BR>
<a href="/archive" >Archive</a><FONT size=+2> (Live) </FONT><a href="/monitor" >Monitor</a>
</TD>
</TR>
</TBODY>
</TABLE>
#{myTempRespond}
<br>version: #{VER}
</BODY>
</HTML>
}
|
