Files can now be downloaded
[enigma2-plugins.git] / webinterface / src / web-data / templates.js
1 Version = '$Header$';
2 // EPG Templates
3 var tplUpdateStreamReaderIE = '<iframe id="UpdateStreamReaderIEFixIFrame" src="%(url_updates)" height="0" width="0" scrolling="none" frameborder="0">no iframe support!</iframe>';
4 var tplEPGListHeader = '<table width="100%" border="0" cellspacing="1" cellpadding="0">';
5
6 var tplEPGListItem  = '<tr style="background-color: #DDDDDD;">';
7         tplEPGListItem += '<td width="10%">%(date)</td>';
8         tplEPGListItem += '<td width="30%">%(servicename)</td>';
9         tplEPGListItem += '<td>%(title)</td>';
10         tplEPGListItem += '</tr>';
11         
12         tplEPGListItem += '<tr style="background-color: #DDDDDD;">';
13         tplEPGListItem += '<td>%(starttime)</td>';
14         tplEPGListItem += '<td>%(duration) min.</td>';
15         tplEPGListItem += '<td>%(description)</td>';
16         tplEPGListItem += '</tr>';
17         
18         tplEPGListItem += '<tr style="background-color: #DDDDDD;">';
19         tplEPGListItem += '<td valign="top">%(endtime)</td>';
20         tplEPGListItem += '<td colspan="2"rowspan="2" id="extdescription%(number)">%(extdescriptionSmall)</td>';
21         tplEPGListItem += '</tr>';
22         
23         tplEPGListItem +='<tr style="background-color: #DDDDDD;"><td>';
24         tplEPGListItem +='<a target="_blank" ><img src="/webdata/gfx/timer.png" title="add to Timers" border="0" onclick="addTimerByID(\'%(servicereference)\',\'%(eventid)\',\'0\');"></a>&nbsp;&nbsp;';
25         tplEPGListItem +='<a target="_blank" ><img src="/webdata/gfx/zap.png" title="add zap to Timers" border="0" onclick="addTimerByID(\'%(servicereference)\',\'%(eventid)\',\'1\');"></a>&nbsp;&nbsp;';
26         tplEPGListItem +='<a target="_blank" ><img src="/webdata/gfx/edit.gif" title="edit and add timer" border="0" onclick="loadTimerFormSeconds(0,\'%(start)\',\'%(end)\',0,\'%(servicereference)\',\'%(servicename)\',\'%(title)\',\'%(description)\',\'0\',0,\'%(eventid)\');"></a><br/>';
27         tplEPGListItem +='<a target="_blank" href="/web/epgsearch.rss?search=%(title)" ><img src="/webdata/gfx/feed.png" title="RSS-Feed for this Title" border="0"></a><br/>';
28         tplEPGListItem +='<a target="_blank" href="http://www.imdb.com/find?s=all&amp;q=%(titleESC)" ><img src="/webdata/gfx/world.png" title="search IMDb" border="0"></a><br/>';
29         tplEPGListItem +='</td></tr>';
30         tplEPGListItem += '<tr style="background-color: #AAAAAA;">';
31         tplEPGListItem += '<td colspan="3">&nbsp;</td>';
32         tplEPGListItem += '</tr>';
33
34 var tplEPGListItemExtend  = '%(shortTxt) ...<a nohref onclick="setComplete(\'extdescription%(number)\',\'%(txt)\');">more</a>';
35
36 var tplEPGListFooter = "</table>";
37         
38 // ServiceList Templates
39 var tplServiceListHeader  = '<div class="BodyContentChannellist">\n';
40         tplServiceListHeader += '<table border="0" cellpadding="0" cellspacing="0" class="BodyContentChannellist">\n';
41         tplServiceListHeader += '<thead class="fixedHeader">\n';
42         tplServiceListHeader += '<tr>\n';
43         tplServiceListHeader += '<th><div class="sListHeader">ServiceList</div>\n';
44         tplServiceListHeader += '<div class="sListSearch">';
45         tplServiceListHeader += '<form onSubmit="loadEPGBySearchString(document.getElementById(\'searchText\').value); return false;">';
46         tplServiceListHeader += '<input type="text" id="searchText" onfocus="this.value=\'\'" value="Search EPG"/>';
47         tplServiceListHeader += '<input style="vertical-align:middle" type="image" src="/webdata/gfx/search.png" alt="search...">';
48         tplServiceListHeader += '</form></div></th>';
49         tplServiceListHeader += '</tr>\n';
50         tplServiceListHeader += '</thead>\n';
51         tplServiceListHeader += '<tbody class="scrollContent">\n';
52         tplServiceListHeader += '<input type="hidden" id="mainServiceRef" name="mainServiceRef" value="%(mainServiceRef)">\n';
53
54 var tplServiceListItem  = '<tr id="%(servicereference)extend">\n';
55         tplServiceListItem += '<td style="border-top: 2px solid #AAA;" ><div class="sListSName"><span id="%(servicereference)" onclick="zap(this.id);" class="sListSLink">%(servicename)</span></div>';
56         tplServiceListItem += '<div class="sListExt"><a onclick="loadEPGByServiceReference(this.id)" id="%(servicereference)"><img src="/webdata/gfx/epg.png" border="0"/></a>\n';
57         tplServiceListItem += '<a target="_blank" href="/web/stream.m3u?ref=%(servicereference)"><img src="/webdata/gfx/screen.png" title="stream Service" border="0"></a></div>\n';
58         tplServiceListItem += '</tr>\n';
59     tplServiceListItem += '<tr>\n';
60         tplServiceListItem += '<td colspan="2"><div id="%(servicereference)EPGNOW"></div></td>\n';
61         tplServiceListItem += '</tr>\n';
62         
63 var tplServiceListFooter = "</tbody>\n</table>\n</div>\n";
64 //
65
66 var     tplServiceListEPGItem  = '<div class="sListEPGTime">%(starttime)</div>\n';
67         tplServiceListEPGItem += '<div class="sListEPGTitle">%(title)</div>\n';
68         tplServiceListEPGItem += '<div class="sListEPGDuration">%(length) Min.</div>\n';
69
70 // MovieList Templates
71 var tplMovieListHeader  = '<div class="BodyContentChannellist">\n';
72         tplMovieListHeader += '<table border="0" cellpadding="0" cellspacing="0" class="BodyContentChannellist">\n';
73         tplMovieListHeader += '<thead class="fixedHeader">\n';
74         tplMovieListHeader += '<tr>\n';
75         tplMovieListHeader += '<th colspan="2"><div class="sListHeader">MovieList</div>\n';
76         tplMovieListHeader += '<div class="sListSearch">';
77         tplMovieListHeader += '<form onSubmit="loadMovieList(document.getElementById(\'filterMovietag\').value); return false;">';
78         tplMovieListHeader += '<input type="text" id="filterMovietag" onfocus="this.value=\'\'" value="filter by Tag"/>';
79         tplMovieListHeader += '<input style="vertical-align:middle" type="image" src="/webdata/gfx/search.png" alt="search...">';
80         tplMovieListHeader += '</form></div></th>';
81         tplMovieListHeader += '</tr>\n';
82         tplMovieListHeader += '</thead>\n';
83         tplMovieListHeader += '<tbody class="scrollContent">\n';
84
85 var tplMovieListItem  = '<tr>\n';
86         tplMovieListItem += '<td><div class="sListSName" title="%(description), %(descriptionextended)" onClick="$(\'moviedetails_%(servicereference)\').toggle();">%(title) (%(servicename))</div>';
87         tplMovieListItem += '<div class="sListExt">\n';
88         tplMovieListItem += '<a target="_blank" href="/web/ts.m3u?file=%(filelink)"><img src="/webdata/gfx/screen.png" title="play file" border="0"></a>\n';
89         tplMovieListItem += '&nbsp;<a target="_blank" href="/file/?file=%(filelink)&root=/hdd/movie/"><img src="/webdata/gfx/save.png" title="download Movie" border="0"></a>\n';
90         tplMovieListItem += '&nbsp;<a target="_blank" ><img src="/webdata/gfx/trash.gif" title="delete files" border="0" onclick="delMovieFile(\'%(filename)\',\'%(servicename)\',\'%(title)\',\'%(description)\');"></a>\n';
91         tplMovieListItem += '</div>\n';
92         tplMovieListItem += '<div id="moviedetails_%(servicereference)"  style="display:none;">\n';
93                 tplMovieListItem += '<table class="movieDetails">\n';
94                 tplMovieListItem += '<tr>\n';
95                 tplMovieListItem += '<td class="movieElementLeft">Details:</td>\n';
96                 tplMovieListItem += '<td class="movieElementRight">%(description)&nbsp;</td>\n';
97                 tplMovieListItem += '</tr>\n';
98                 tplMovieListItem += '<tr>\n';
99                 tplMovieListItem += '<td class="movieElementLeft">Extended:</td>\n';
100                 tplMovieListItem += '<td class="movieElementRight">%(descriptionextended)&nbsp;</td>\n';
101                 tplMovieListItem += '</tr>\n';
102                 tplMovieListItem += '<tr>\n';
103                 tplMovieListItem += '<td class="movieElementLeft">Date/Time:</td>\n';
104                 tplMovieListItem += '<td class="movieElementRight">%(time)&nbsp;</td>\n';
105                 tplMovieListItem += '</tr>\n';
106                 tplMovieListItem += '<tr>\n';
107                 tplMovieListItem += '<td class="movieElementLeft">Length:</td>\n';
108                 tplMovieListItem += '<td class="movieElementRight">%(length)&nbsp;</td>\n';
109                 tplMovieListItem += '</tr>\n';
110                 tplMovieListItem += '<tr>\n';
111                 tplMovieListItem += '<td class="movieElementLeft">Tags:</td>\n';
112                 tplMovieListItem += '<td class="movieElementRight">%(tags)&nbsp;</td>\n';
113                 tplMovieListItem += '</tr>\n';
114                 tplMovieListItem += '</table>\n';
115         tplMovieListItem += '</div>\n';
116         tplMovieListItem += '</tr>\n';
117         
118 var tplMovieListFooter = "</tbody></table>\n</div>\n";
119
120 // TimerList Templates
121 var tplTimerListHeader  = '<div class="BodyContentChannellist">\n';
122         tplTimerListHeader += '<table border="0" cellpadding="0" cellspacing="0" class="BodyContentChannellist">\n';
123         tplTimerListHeader += '<thead class="fixedHeader">\n';
124         tplTimerListHeader += '<tr>\n';
125         tplTimerListHeader += '<th colspan="7"><div class="sListHeader">TimerList</div>\n';
126         tplTimerListHeader += '<div class="sListSearch">';
127         tplTimerListHeader += '<form onSubmit="loadEPGBySearchString(document.getElementById(\'searchText\').value); return false;">';
128         tplTimerListHeader += '<input type="text" id="searchText" onfocus="this.value=\'\'" value="Search EPG"/>';
129         tplTimerListHeader += '<input style="vertical-align:middle" type="image" src="/webdata/gfx/search.png" alt="search...">';
130         tplTimerListHeader += '</form></div></th>';
131         tplTimerListHeader += '</tr>\n';
132         tplTimerListHeader += '</thead>\n';
133         tplTimerListHeader += '<tbody class="scrollContent" height="100%">\n';
134         tplTimerListHeader += '<tr>';
135         tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListSName"><b>Channel</b><br/>Name</div></td>';
136 /*      tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListTitle"><b>Name</b></div></td>';*/
137 /*      tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListDescr"><b>Description</b></div></td>';*/
138         tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListRepeat"><b>Repeated</b></div></td>';
139         tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListDuration"><b>Time running</b></div></td>';
140         tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListBegin"><b>Start time</b></div></td>';
141         tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListEnd"><b>End time</b></div></td>';
142         tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListAfter"><b>Event</b><br/>After event</div></td>';
143         tplTimerListHeader += '<td><div style="color: #00BCBC;" class="tListOption"><b>Options</b></div></td></tr>\n';
144
145 var tplTimerListItem  = '<tr width="99%">\n';
146         tplTimerListItem += '<td><div style="color: #%(color);" class="tListSName" title="%(description), %(descriptionextended)"><b>%(servicename)</b> <br/><br/> %(title)</div></td>\n';
147         tplTimerListItem += '<td><div style="color: #%(color);" class="tListRepeat">%(repeatedReadable)</div></td>\n';
148         tplTimerListItem += '<td><div style="color: #%(color);" class="tListDuration">%(duration)&nbsp;Min</div></td>\n';
149         tplTimerListItem += '<td><div style="color: #%(color);" class="tListBegin">%(beginDate)</div></td>\n';
150         tplTimerListItem += '<td><div style="color: #%(color);" class="tListEnd">%(endDate)</div></td>\n';
151         tplTimerListItem += '<td><div style="color: #%(color);" class="tListAfter"><b>%(justplayReadable)</b> <br/><br/> %(aftereventReadable)</div></td>\n';
152         tplTimerListItem += '<td><div style="color: #%(color);" class="tListOption"><a target="_blank" ><img src="/webdata/gfx/trash.gif" title="delete timer entry" border="0" onclick="delTimer(\'%(servicereference)\',\'%(begin)\',\'%(end)\',\'%(servicename)\',\'%(title)\',\'%(description)\',incomingTimerDelResult);"></a>\n';
153         tplTimerListItem += '<a target="_blank" ><img src="/webdata/gfx/%(onOff).png" title="toggle On/Off" border="0" onclick="sendToggleTimerDisable(\'%(justplay)\',\'%(begin)\',\'%(end)\',\'%(repeated)\',\'%(servicereference)\',\'%(title)\',\'%(description)\',\'%(afterevent)\',\'%(disabled)\' );"></a>\n';
154         tplTimerListItem += '<a target="_blank" ><img src="/webdata/gfx/edit.gif" title="edit timer entry" border="0" onclick="loadTimerFormSeconds(\'%(justplay)\',\'%(begin)\',\'%(end)\',\'%(repeated)\',\'%(servicereference)\',\'%(servicename)\',\'%(title)\',\'%(description)\',\'%(afterevent)\',1);"></a></div></td>\n';
155         tplTimerListItem += '</tr>\n';
156
157 var tplTimerListFooter  = '<tr><td colspan="7"><button onclick="writeTimerListNow()">Write To Memory</button></td></tr>\n';
158         tplTimerListFooter += '<tr><td colspan="7"><button onclick="cleanTimerListNow()">Cleanup</button></td></tr>\n';
159     tplTimerListFooter += '</tbody></table>\n</div>\n';
160
161 var tplRecordingFooter   = '<hr><br><table style="text-align: left; width: 100%; height: 178px;" border="0" cellpadding="2" cellspacing="2"><tbody>';
162     tplRecordingFooter  += '<tr><td style="vertical-align: top;">';
163     tplRecordingFooter  += '<input type="radio" id="recordNowNothing" name="recordNow" value="nothing" checked>';
164     tplRecordingFooter  += '</td><td style="vertical-align: top;">';
165     tplRecordingFooter  += 'Do nothing';
166     tplRecordingFooter  += '</td></tr>';
167     tplRecordingFooter  += '<tr><td style="vertical-align: top;">';
168     tplRecordingFooter  += '<input type="radio" id="recordNowUndefinitely" name="recordNow" value="undefinitely">';
169     tplRecordingFooter  += '</td><td style="vertical-align: top;">';
170     tplRecordingFooter  += 'record current playing undefinitely';
171     tplRecordingFooter  += '</td></tr>';
172     tplRecordingFooter  += '<tr><td style="vertical-align: top;">';
173     tplRecordingFooter  += '<input type="radio" id="recordNowCurrent" name="recordNow" value="recordCurrentEvent">';
174     tplRecordingFooter  += '</td><td style="vertical-align: top;">';
175     tplRecordingFooter  += 'record current event';
176     tplRecordingFooter  += '</td></tr>';
177         tplRecordingFooter  += '<tr><td style="vertical-align: top;">';
178         tplRecordingFooter  += '&nbsp;';
179     tplRecordingFooter  += '</td><td style="vertical-align: top;">';
180     tplRecordingFooter  += '<img src="/webdata/gfx/ok.jpg" title="OK" border="0" onclick="recordingPushedDecision(ifChecked($(\'recordNowNothing\')), ifChecked($(\'recordNowUndefinitely\')), ifChecked($(\'recordNowCurrent\')) );window.close()">';
181     tplRecordingFooter  += '</td></tr>';
182     tplRecordingFooter  += '</tbody></table>';
183
184 // Bouquetlist Template
185 var tplBouquetListHeader = '<table id="BouquetList" width="100%" border="0" cellspacing="1" cellpadding="0" border="0">';
186
187 var tplBouquetListItem  = '<tr>\n';
188         tplBouquetListItem += '<td><div class="navMenuItem" id="%(servicereference)" onclick="loadBouquet(this.id);">%(bouquetname)</div></td>';
189         tplBouquetListItem += '</tr>\n';
190
191 var tplBouquetListFooter = "</table>";
192
193 //Volume Template
194 var tplVolumePanel  = "<img onclick='volumeUp()' src='/webdata/gfx/arrow_up.png'>"; 
195         tplVolumePanel += "<img onclick='volumeDown()' src='/webdata/gfx/arrow_down.png'>"; 
196         tplVolumePanel += "<img id='volume1' onclick='volumeSet(10)' src='/webdata/gfx/led_off.png'>"; 
197         tplVolumePanel += "<img id='volume2' onclick='volumeSet(20)' src='/webdata/gfx/led_off.png'>"; 
198         tplVolumePanel += "<img id='volume3' onclick='volumeSet(30)' src='/webdata/gfx/led_off.png'>"; 
199         tplVolumePanel += "<img id='volume4' onclick='volumeSet(40)' src='/webdata/gfx/led_off.png'>"; 
200         tplVolumePanel += "<img id='volume5' onclick='volumeSet(50)' src='/webdata/gfx/led_off.png'>"; 
201         tplVolumePanel += "<img id='volume6' onclick='volumeSet(60)' src='/webdata/gfx/led_off.png'>"; 
202         tplVolumePanel += "<img id='volume7' onclick='volumeSet(70)' src='/webdata/gfx/led_off.png'>"; 
203         tplVolumePanel += "<img id='volume8' onclick='volumeSet(80)' src='/webdata/gfx/led_off.png'>"; 
204         tplVolumePanel += "<img id='volume9' onclick='volumeSet(90)' src='/webdata/gfx/led_off.png'>"; 
205         tplVolumePanel += "<img id='volume10' onclick='volumeSet(100)' src='/webdata/gfx/led_off.png'>"; 
206         tplVolumePanel += "<img id='speaker' onclick='volumeMute()' src='/webdata/gfx/speak_on.png'>";
207         
208 //Signal Template
209 var tplSignalPanel  = '<table width="100%" id="SignalPanelTable">';
210         tplSignalPanel += '<tr><td style="background-color: #DDDDDD;">SNR</td><td width="50" style="background-color: #DDDDDD;"><div id="SNR">N/A</div></td></tr>';
211         tplSignalPanel += '<tr><td style="background-color: #DDDDDD;">AGC</td><td width="50" style="background-color: #DDDDDD;"><div id="AGC">N/A</div></td></tr>';
212         tplSignalPanel += '<tr><td style="background-color: #DDDDDD;">BER</td><td width="50" style="background-color: #DDDDDD;"><div id="BER">N/A</div></td></tr>';
213         tplSignalPanel += '</table>';
214         
215
216 // Message send
217 var tplMessageSendForm  = '<table cellspacing="0" cellpadding="0" class="aboutSection">\n';
218         tplMessageSendForm += '<tr>\n';
219         tplMessageSendForm += '<th class="pageHeader">Send Message</th>\n';
220         tplMessageSendForm += '</tr>\n';
221         tplMessageSendForm += '<tr><td>\n';
222         tplMessageSendForm += '<table style="width: 100%;">\n';
223         tplMessageSendForm += '<tr><td>Text</td><td><input type="text" id="MessageSendFormText" value=""></td></tr>\n';
224         tplMessageSendForm += '<tr><td>Timeout</td><td><input type="text" id="MessageSendFormTimeout" value=""></td></tr>\n';
225         tplMessageSendForm += '<tr><td>Typ</td><td><select id="MessageSendFormType">';
226         tplMessageSendForm += '<option value="1">Info</option>';
227         tplMessageSendForm += '<option value="0">YesNo</option>';
228         tplMessageSendForm += '<option value="2">Warning</option>';
229         tplMessageSendForm += '<option value="3">Error</option>';
230         tplMessageSendForm += '</select></td></tr>\n';
231         tplMessageSendForm += '<tr><td colspan="2"><button onclick="sendMessage()">Send Message</button></td></tr>\n';
232         tplMessageSendForm += "</tr></td></table></form>\n";
233
234 var tplPowerStateSendForm  = '<table cellspacing="0" cellpadding="0" class="aboutSection">\n';
235         tplPowerStateSendForm += '<tr>\n';
236         tplPowerStateSendForm += '<th class="pageHeader">Powercontrol</th>\n';
237         tplPowerStateSendForm += '</tr>\n';
238         tplPowerStateSendForm += '<tr><td>\n';
239         tplPowerStateSendForm += '<table style="width: 100%; text-align: center">\n';
240         tplPowerStateSendForm += '<tr><td><center><button onclick="sendRemoteControlRequest(116)">Toggle Standby</button></center></td></tr>\n';
241         tplPowerStateSendForm += '<tr><td><center><button onclick="sendPowerState(0)">Standby</button></center></td></tr>\n';
242     tplPowerStateSendForm += '<tr><td><center><button onclick="sendPowerState(1)">Deepstandby</button></center></td></tr>\n';
243     tplPowerStateSendForm += '<tr><td><center><button onclick="sendPowerState(2)">Reboot</button></center></td></tr>\n';
244         tplPowerStateSendForm += '<tr><td><center><button onclick="sendPowerState(3)">Restart Enigma2</button></center></td></tr>\n';
245         tplPowerStateSendForm += '</tr></td></table>\n</table>\n';
246
247 // Template for the RemoteControl Window
248 var tplRemoteControlForm = '<center><input type="checkbox" id="getScreen" name="getScreen" checked>&nbsp;get Screen</center><br>';
249         tplRemoteControlForm += '<map name="remotecontrol">';
250         tplRemoteControlForm += '<area shape="circle" coords="129, 54, 10" nohref onclick="sendRemoteControlRequest(116)" alt="Power">';
251 //      tplRemoteControlForm += '<area shape="circle" coords="72, 95, 15" nohref alt="Dream message">';
252         tplRemoteControlForm += '<area shape="circle" coords="130, 95, 15" nohref onclick="openGrabPicture()" alt="TV Screenshot">';
253         tplRemoteControlForm += '<area shape="circle" coords="63, 123, 10" nohref onclick="sendRemoteControlRequest(2)" alt="1">';
254         tplRemoteControlForm += '<area shape="circle" coords="109, 123, 10" nohref onclick="sendRemoteControlRequest(3)" alt="2">';
255         tplRemoteControlForm += '<area shape="circle" coords="153, 123, 10" nohref onclick="sendRemoteControlRequest(4)" alt="3">';
256         tplRemoteControlForm += '<area shape="circle" coords="63, 148, 10" nohref onclick="sendRemoteControlRequest(5)" alt="4">';
257         tplRemoteControlForm += '<area shape="circle" coords="109, 148, 10" nohref onclick="sendRemoteControlRequest(6)" alt="5">';
258         tplRemoteControlForm += '<area shape="circle" coords="153, 148, 10" nohref onclick="sendRemoteControlRequest(7)" alt="6">';
259         tplRemoteControlForm += '<area shape="circle" coords="63, 173, 10" nohref onclick="sendRemoteControlRequest(8)" alt="7">';
260         tplRemoteControlForm += '<area shape="circle" coords="109, 173, 10" nohref onclick="sendRemoteControlRequest(9)" alt="8">';
261         tplRemoteControlForm += '<area shape="circle" coords="153, 173, 10" nohref onclick="sendRemoteControlRequest(10)" alt="9">';
262         tplRemoteControlForm += '<area shape="circle" coords="63, 197, 10" nohref onclick="sendRemoteControlRequest(412)" alt="previous">';
263         tplRemoteControlForm += '<area shape="circle" coords="109, 197, 10" nohref onclick="sendRemoteControlRequest(11)" alt="0">';
264         tplRemoteControlForm += '<area shape="circle" coords="153, 197, 10" nohref onclick="sendRemoteControlRequest(407)" alt="next">';
265         tplRemoteControlForm += '<area shape="circle" coords="54, 243, 15" nohref onclick="sendRemoteControlRequest(115)" alt="volume up">';
266         tplRemoteControlForm += '<area shape="circle" coords="107, 233, 10" nohref onclick="sendRemoteControlRequest(113)" alt="mute">';
267         tplRemoteControlForm += '<area shape="circle" coords="159, 243, 15" nohref onclick="sendRemoteControlRequest(402)" alt="bouquet up">';
268         tplRemoteControlForm += '<area shape="circle" coords="66, 274, 15" nohref onclick="sendRemoteControlRequest(114)" alt="volume down">';
269         tplRemoteControlForm += '<area shape="circle" coords="107, 258, 10" nohref onclick="sendRemoteControlRequest(174)" alt="lame">';
270         tplRemoteControlForm += '<area shape="circle" coords="147, 274, 15" nohref onclick="sendRemoteControlRequest(403)" alt="bouquet down">';
271         tplRemoteControlForm += '<area shape="circle" coords="48, 306, 10" nohref onclick="sendRemoteControlRequest(358)" alt="info">';
272         tplRemoteControlForm += '<area shape="circle" coords="106, 310, 15" nohref onclick="sendRemoteControlRequest(103)" alt="up">';
273         tplRemoteControlForm += '<area shape="circle" coords="167, 306, 10" nohref onclick="sendRemoteControlRequest(139)" alt="menu">';
274         tplRemoteControlForm += '<area shape="circle" coords="70, 343, 15" nohref onclick="sendRemoteControlRequest(105)" alt="left">';
275     tplRemoteControlForm += '<area shape="circle" coords="108, 340, 15" nohref onclick="sendRemoteControlRequest(352)" alt="OK">';
276         tplRemoteControlForm += '<area shape="circle" coords="146, 343, 15" nohref onclick="sendRemoteControlRequest(106)" alt="right">';
277         tplRemoteControlForm += '<area shape="circle" coords="53, 381, 10" nohref onclick="sendRemoteControlRequest(392)" alt="audio">';
278         tplRemoteControlForm += '<area shape="circle" coords="106, 374, 15" nohref onclick="sendRemoteControlRequest(108)" alt="down">';
279         tplRemoteControlForm += '<area shape="circle" coords="162, 381, 10" nohref onclick="sendRemoteControlRequest(393)" alt="video">';
280         tplRemoteControlForm += '<area shape="circle" coords="56, 421, 10" nohref onclick="sendRemoteControlRequest(398)" alt="red">';
281         tplRemoteControlForm += '<area shape="circle" coords="90, 422, 10" nohref onclick="sendRemoteControlRequest(399)" alt="green">';
282         tplRemoteControlForm += '<area shape="circle" coords="123, 422, 10" nohref onclick="sendRemoteControlRequest(400)" alt="yellow">';
283         tplRemoteControlForm += '<area shape="circle" coords="158, 421, 10" nohref onclick="sendRemoteControlRequest(401)" alt="blue">';
284         tplRemoteControlForm += '<area shape="circle" coords="61, 460, 10" nohref onclick="sendRemoteControlRequest(377)" alt="tv">';
285         tplRemoteControlForm += '<area shape="circle" coords="90, 461, 10" nohref onclick="sendRemoteControlRequest(385)" alt="radio">';
286         tplRemoteControlForm += '<area shape="circle" coords="123, 461, 10" nohref onclick="sendRemoteControlRequest(388)" alt="text">';
287         tplRemoteControlForm += '<area shape="circle" coords="153, 460, 10" nohref onclick="sendRemoteControlRequest(138)" alt="help">';
288     tplRemoteControlForm += '</map>';
289         tplRemoteControlForm += '<img src="/webdata/gfx/remotecontrol.jpg" height="607" width="220" border="0)" alt="Remote Control" usemap="#remotecontrol">';
290         
291 var tplAddTimerForm  = '<table border=0 cellpadding=0 cellspacing=10>';
292         tplAddTimerForm += '<tr><td colspan="3">Action:</td>';
293         tplAddTimerForm += '<td colspan="3">';
294         tplAddTimerForm += '<select name="justplay" id="justplay" size="1">';
295         tplAddTimerForm += '%(justplay)';
296         tplAddTimerForm += '</select></td></tr>';
297         tplAddTimerForm += '<tr><td colspan="3">&nbsp;</td>';
298         tplAddTimerForm += '<td colspan="3">Note: For recurring events start/end day/month are not required.</td></tr>';
299         tplAddTimerForm += '<tr><td colspan="3">Start:</td>';
300         tplAddTimerForm += '<td colspan="3"><select name="syear" size="1" id="syear" onchange="javascript:addTimerFormChangeTime(\'syear\');">%(syear)</select>.';
301         tplAddTimerForm += '<select name="smonth" id="smonth" size="1" onchange="javascript:addTimerFormChangeTime(\'smonth\');">%(smonth)</select>.';
302         tplAddTimerForm += '<select name="sday" id="sday" size="1" onchange="javascript:addTimerFormChangeTime(\'sday\');">%(sday)</select>';
303         tplAddTimerForm += '&nbsp;-&nbsp;<select name="shour" id="shour" size="1" onchange="javascript:addTimerFormChangeTime(\'shour\');">%(shour)</select>';
304         tplAddTimerForm += ':<select name="smin" id="smin" size="1" onchange="javascript:addTimerFormChangeTime(\'smin\');">%(smin)</select></td></tr>';
305         tplAddTimerForm += '<tr><td colspan="3">End:</td>';
306         tplAddTimerForm += '<td colspan="3"><select name="eyear" id="eyear" size="1" onchange="javascript:addTimerFormChangeTime(\'eyear\');">%(eyear)</select>.';
307         tplAddTimerForm += '<select name="emonth" id="emonth" size="1" onchange="javascript:addTimerFormChangeTime(\'emonth\');">%(emonth)</select>.';
308         tplAddTimerForm += '<select name="eday" id="eday" size="1" onchange="javascript:addTimerFormChangeTime(\'eday\');">%(eday)</select>';
309         tplAddTimerForm += '&nbsp;-&nbsp;<select name="ehour" id="ehour" size="1" onchange="javascript:addTimerFormChangeTime(\'ehour\');">%(ehour)</select>';
310         tplAddTimerForm += ':<select name="emin" id="emin" size="1" onchange="javascript:addTimerFormChangeTime(\'emin\');">%(emin)</select></td></tr>';
311         tplAddTimerForm += '<tr><td colspan="3">&nbsp;</td><td colspan="3">Note: For one-time events the "days" field doesn\'t have to be specified.</td></tr>';
312         tplAddTimerForm += '<tr><td colspan="3">Days:</td><td colspan="3">%(repeated)';
313         tplAddTimerForm += '<tr><td colspan="3">Channel:</td><td>';
314         tplAddTimerForm += '<p><input type="radio" id="tvradio" name="tvradio" value="tv" checked onchange="javascript:addTimerFormChangeType();"">TV</p>';
315         tplAddTimerForm += '<p><input type="radio" name="tvradio" value="radio" onchange="javascript:addTimerFormChangeType();">Radio</p><td>';
316         tplAddTimerForm += '<p>Channel:</p>';
317         tplAddTimerForm += '<select name="channel" id="channel" size="1" onchange="timerFormExtendChannellist($(\'channel\').options[$(\'channel\').selectedIndex].value)">%(channel)</select></td></tr>';
318         tplAddTimerForm += '<tr><td colspan="3">Name:</td>';
319         tplAddTimerForm += '<td colspan="3"><input name="name" id="name" type="text" size="100" maxlength="100" style="color: #000000;" value="%(name)"></td></tr>';
320         tplAddTimerForm += '<tr><td colspan="3">Description:</td>';
321         tplAddTimerForm += '<td colspan="3"><input name="descr" id="descr" type="text" size="100" maxlength="100" style="color: #000000;" value="%(description)"></td></tr>';
322         tplAddTimerForm += '<tr><td colspan="3">After event do:</td>';
323         tplAddTimerForm += '<td colspan="3"><select id="after_event" name="after_event" size="1">%(afterEvent)</select></td></tr>';
324         tplAddTimerForm += '<tr>&nbsp;&nbsp;</tr>';
325         tplAddTimerForm += '<tr><td colspan="3">&nbsp;</td><td colspan="3">';
326         tplAddTimerForm += '<input name="deleteOldOnSave" id="deleteOldOnSave" type="hidden" value="%(deleteOldOnSave)">';
327         tplAddTimerForm += '<input name="channelOld" id="channelOld" type="hidden" value="%(channelOld)">';
328         tplAddTimerForm += '<input name="beginOld" id="beginOld" type="hidden" value="%(beginOld)">';
329         tplAddTimerForm += '<input name="endOld" id="endOld" type="hidden" value="%(endOld)">';
330         tplAddTimerForm += '<input name="eventID" id="eventID" type="hidden" value="%(eventID)">';
331         tplAddTimerForm +=      '<button onclick="sendAddTimer()">Add/Save</button></td></tr></table>';
332
333 var tplAddTimerFormOptions = '<option value="%(value)" %(selected)>%(txt)</option>';
334         
335 var tplAddTimerFormCheckbox = '<input type="checkbox" id="%(id)" name="%(name)" value="%(value)" %(checked)>&nbsp;%(txt)&nbsp;&nbsp;';
336
337 var tplAbout  = '<table cellspacing="0" cellpadding="0" class="aboutSection">\n';
338         tplAbout += '<tr>\n';
339         tplAbout += '<th colspan="2" class="pageHeader">About</th>\n';
340         tplAbout += '</tr>\n';
341         tplAbout += '<tr>\n'; 
342         tplAbout += '<td class="aboutSectionLeft">\n';
343         tplAbout += '<table class="fullwidth">\n';
344         tplAbout += '<tr>\n';
345         tplAbout += '<td class="fullwidth">\n';
346         tplAbout += '<table cellspacing="0" class="about">\n';
347         tplAbout += '<tr>\n';
348         tplAbout += '<th colspan="2" class="aboutHeader">Software</th>\n';
349         tplAbout += '</tr>\n';
350         tplAbout += '<tr>\n';
351         tplAbout += '<td class="aboutElementLeft">Enigma Version:</td>\n';
352         tplAbout += '<td class="aboutElementRight">%(enigmaVersion)</td>\n';
353         tplAbout += '</tr>\n';
354         tplAbout += '<tr>\n';
355         tplAbout += '<td class="aboutElementLeft">Frontprozessor Version:</td>\n';
356         tplAbout += '<td class="aboutElementRight">%(fpVersion)</td>\n';
357         tplAbout += '</tr>\n';
358         tplAbout += '<tr>\n';
359         tplAbout += '<td class="aboutElementLeft">Webinterface Version:</td>\n';
360         tplAbout += '<td class="aboutElementRight">%(webifversion)</td>\n';
361         tplAbout += '</tr>\n';
362         tplAbout += '</table>\n';
363         tplAbout += '</td>\n';
364         tplAbout += '</tr>\n';
365         tplAbout += '<tr>\n';
366         tplAbout += '<td class="fullwidth">\n';
367         tplAbout += '<table cellspacing="0" class="about">\n';
368         tplAbout += '<tr>\n';
369         tplAbout += '<th colspan="2" class="aboutHeader">Detected Tuners</th>\n';
370         tplAbout += '</tr>\n';
371         tplAbout += '%(tunerInfo)';
372         tplAbout += '</table>\n';
373         tplAbout += '</td>\n';
374         tplAbout += '</tr>\n';
375         tplAbout += '<tr>\n';
376         tplAbout += '<td class="fullwidth">\n';
377         tplAbout += '<table cellspacing="0" class="about">\n';
378         tplAbout += '<tr>\n';
379         tplAbout += '<th colspan="2" class="aboutHeader">Harddisk</th>\n';
380         tplAbout += '</tr>\n';
381         tplAbout += '<tr>\n';
382         tplAbout += '<td class="aboutElementLeft">Model</td>\n';
383         tplAbout += '<td class="aboutElementRight">%(hddmodel)</td>\n';
384         tplAbout += '</tr>\n';
385         tplAbout += '<tr>\n';
386         tplAbout += '<td class="aboutElementLeft">Capacity</td>\n';
387         tplAbout += '<td class="aboutElementRight">%(hddcapacity)</td>\n';
388         tplAbout += '</tr>\n';
389         tplAbout += '<tr>\n';                                           
390         tplAbout += '<td class="aboutElementLeft">Free</td>\n';
391         tplAbout += '<td class="aboutElementRight">%(hddfree)</td>\n';
392         tplAbout += '</tr>\n';
393         tplAbout += '</table>\n';
394         tplAbout += '</td>\n';
395         tplAbout += '</tr>\n';
396         tplAbout += '</table>\n';
397         tplAbout += '</td>\n';
398         tplAbout += '<td class="aboutSectionRight">\n';
399         tplAbout += '<table class="fullwidth">\n';
400         tplAbout += '<tr>\n';
401         tplAbout += '<td class="fullwidth">\n';
402         tplAbout += '<table cellspacing="0" class="about">\n';
403         tplAbout += '<tr>\n';
404         tplAbout += '<th colspan="2" class="aboutHeader">Serviceinfo</th>\n';
405         tplAbout += '</tr>\n';
406         tplAbout += '<tr>\n';
407         tplAbout += '<td class="aboutElementLeft">Name:</td>\n';
408         tplAbout += '<td class="aboutElementRight">%(serviceName)</td>\n';
409         tplAbout += '</tr>\n';
410         tplAbout += '<tr>\n';   
411         tplAbout += '<td class="aboutElementLeft">Provider:</td>\n';
412         tplAbout += '<td class="aboutElementRight">%(serviceProvider)</td>\n';
413         tplAbout += '</tr>\n';
414         tplAbout += '<tr>\n';
415         tplAbout += '<td class="aboutElementLeft">Videoformat:</td>\n';
416         tplAbout += '<td class="aboutElementRight">%(serviceAspect)</td>\n';
417         tplAbout += '</tr>\n';
418         tplAbout += '<tr>\n';
419         tplAbout += '<td class="aboutElementLeft">Namespace:</td>\n';
420         tplAbout += '<td class="aboutElementRight">%(serviceNamespace)</td>\n';
421         tplAbout += '</tr>\n';
422         tplAbout += '</table>\n';
423         tplAbout += '</td>\n';
424         tplAbout += '</tr>\n';
425         tplAbout += '<tr>\n';
426         tplAbout += '<td class="fullwidth">\n';
427         tplAbout += '<table cellspacing="0" class="about">\n';
428         tplAbout += '<tr>\n';
429         tplAbout += '<th colspan="2" class="aboutHeader">PIDs</th>\n';
430         tplAbout += '</tr>\n';
431         tplAbout += '<tr>\n';
432         tplAbout += '<td class="aboutElementLeft">VideoPID:</td>\n';
433         tplAbout += '<td class="aboutElementRight">%(vPIDh) (%(vPID))</td>\n';
434         tplAbout += '</tr>\n';
435         tplAbout += '<tr>\n';
436         tplAbout += '<td class="aboutElementLeft">AudioPID:</td>\n';
437         tplAbout += '<td class="aboutElementRight">%(aPIDh) (%(aPID))</td>\n';
438         tplAbout += '</tr>\n';
439         tplAbout += '<tr>\n';
440         tplAbout += '<td class="aboutElementLeft">PCRID:</td>\n';
441         tplAbout += '<td class="aboutElementRight">%(pcrIDh) (%(pcrID))</td>\n';
442         tplAbout += '</tr>\n';
443         tplAbout += '<tr>\n';
444         tplAbout += '<td class="aboutElementLeft">PMTPID:</td>\n';
445         tplAbout += '<td class="aboutElementRight">%(pmtPIDh) (%(pmtPID))</td>\n';
446         tplAbout += '</tr>\n';
447         tplAbout += '<tr>\n';
448         tplAbout += '<td class="aboutElementLeft">TXTPID:</td>\n';
449         tplAbout += '<td class="aboutElementRight">%(txtPIDh) (%(txtPID))</td>\n';
450         tplAbout += '</tr>\n';
451         tplAbout += '<tr>\n';
452         tplAbout += '<td class="aboutElementLeft">TSID:</td>\n';
453         tplAbout += '<td class="aboutElementRight">%(tsIDh) (%(tsID))</td>\n';
454         tplAbout += '</tr>\n';  
455         tplAbout += '<tr>\n';
456         tplAbout += '<td class="aboutElementLeft">ONID:</td>\n';
457         tplAbout += '<td class="aboutElementRight">%(onIDh) (%(onID))</td>\n';
458         tplAbout += '</tr>\n';  
459         tplAbout += '<tr>\n';
460         tplAbout += '<td class="aboutElementLeft">SID:</td>\n';
461         tplAbout += '<td class="aboutElementRight">%(sidh) (%(sid))</td>\n';
462         tplAbout += '</tr>\n';                                                                  
463         tplAbout += '</table>\n';
464         tplAbout += '</td>\n';
465         tplAbout += '</tr>\n';
466         tplAbout += '</table>\n';
467         tplAbout += '</td>\n';
468         tplAbout += '</tr>\n';
469         tplAbout += '</table>\n';
470
471 var tplAboutTuner  = '<tr>\n';
472         tplAboutTuner += '<td class="aboutElementLeft">%(name)</td>\n';
473         tplAboutTuner += '<td class="aboutElementRight">%(type)</td>\n';
474         tplAboutTuner += '</tr>\n';
475         
476
477 var tplExtraHiddenFunctions  = '<ul style="list-style-type:disc">';
478         tplExtraHiddenFunctions += '<li><div onclick="restartTwisted()">Restart Twisted</div></li>';
479         tplExtraHiddenFunctions += '<li><div onclick="clearInterval(UpdateStreamReaderPollTimer);">Stop Time/Signal/Current-Channel -Updates</div></li>';
480         tplExtraHiddenFunctions += '<li><div onclick="restartUpdateStream();">Restart Time/Signal/Current-Channel -Updates</div></li>';
481         tplExtraHiddenFunctions += '<li><div onclick="startDebugWindow();">Start Debug-Window</div></li>';
482         tplExtraHiddenFunctions += '</ul>'
483         
484 var tplRCGrab  = '<IMG id="grabPageIMG" src=""/ height="400" alt="loading image">';
485
486 var tplMediaPlayerHeader  = '<table border="0" cellpadding="0" cellspacing="0" class="BodyContentChannellist">\n';
487         tplMediaPlayerHeader += '<thead class="fixedHeader">\n';
488         tplMediaPlayerHeader += '<tr>\n';
489         tplMediaPlayerHeader += '<th><div class="sListHeader">MediaPlayer %(root)';
490         tplMediaPlayerHeader += '<map name="mpcontrols">';
491         tplMediaPlayerHeader += '<area shape="circle" coords="17, 17, 14" nohref onclick="sendMediaPlayer(0)" alt="jump back">';
492         tplMediaPlayerHeader += '<area shape="circle" coords="54, 17, 14" nohref onclick="sendMediaPlayer(1)" alt="play">';
493         tplMediaPlayerHeader += '<area shape="circle" coords="88, 17, 14" nohref onclick="sendMediaPlayer(2)" alt="pause">';
494         tplMediaPlayerHeader += '<area shape="circle" coords="125, 17, 14" nohref onclick="sendMediaPlayer(3)" alt="jump forward">';
495         tplMediaPlayerHeader += '<area shape="circle" coords="161, 17, 14" nohref onclick="sendMediaPlayer(4)" alt="stop">';
496         tplMediaPlayerHeader += '</map><img src="/webdata/gfx/dvr-buttons-small-fs8.png" title="add to Timers" border="0" usemap="#mpcontrols"></div>\n';
497         tplMediaPlayerHeader += '<div class="sListSearch">';
498         tplMediaPlayerHeader += '<form onSubmit="loadMovieList(document.getElementById(\'filterMovietag\').value); return false;">';
499         tplMediaPlayerHeader += '<input type="text" id="filterMovietag" onfocus="this.value=\'\'" value="filter by Tag"/>';
500         tplMediaPlayerHeader += '<input style="vertical-align:middle" type="image" src="/webdata/gfx/search.png" alt="search...">';
501         tplMediaPlayerHeader += '</form></div></th>';
502         tplMediaPlayerHeader += '</tr>\n';
503         tplMediaPlayerHeader += '</thead>\n';
504         tplMediaPlayerHeader += '<tbody class="scrollContent">\n';
505
506 var tplMediaPlayerItemHead = '<tr>\n';
507 var tplMediaPlayerItemBody = '<td><div style="color: #%(color);" onclick="%(exec)(\'%(servicereference)\',\'%(root)\');" class="sListSName" title="%(servicereference)">%(fullpath)</div>';
508 var     tplMediaPlayerItemIMG  = '<div class="sListExt">\n';
509         tplMediaPlayerItemIMG += '<img src="/webdata/gfx/screen.png" onclick="%(exec)(\'%(servicereference)\',\'%(root)\');" title="%(exec_description)" border="0">\n';
510         tplMediaPlayerItemIMG += '<a target="_blank" href="/file/?file=%(fullpath)&root=%(root)"><img src="/webdata/gfx/save.png" title="download File" border="0"></a>\n';
511         tplMediaPlayerItemIMG += '</div>\n';
512 var tplMediaPlayerItemFooter = '</tr>\n';
513
514 var tplMediaPlayerFooter = "</tbody></table>\n";