nicer EPG search form
[enigma2-plugins.git] / webinterface / src / usr / lib / enigma2 / python / Plugins / Extensions / WebInterface / web / index.html.xml
1 <e2:screen name="TestScreen">&lt;html>
2 <head>
3         <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
4         <title>Enigma2 Webinterface</title>
5         <script src="/webdata/prototype.js" type="text/javascript"/>
6     <script src="/webdata/rico.js" type="text/javascript"/>
7         <script src="/webdata/tools.js" type="text/javascript" />
8         <link  href="/webdata/theme.css" rel="stylesheet" type="text/css" />                                      
9 </head>
10
11 <body>
12 <div id="debug"></div>
13
14 <table id="htmlDesignTable"  width="100%" border="0">
15 <tr><td>
16 <!-- START SITE HEADER //-->
17                 <table width="100%" border="0">
18                         <tr>
19                                 <td width="10%"  rowspan="2">
20                                         <div id="Current_Channel_Box" class="roundme" >
21                                         <nobr><div id="CurrentService"  > </div></nobr>
22                                         <div id="CurrentServiceProvider" > </div>
23                                         </div>
24                                 </td>
25                                 <td width="80%">
26                                         <span id="Event_Now_Name"  onclick="setBodyMainContent('BodyContentEPGNow')"> </span>
27                                 </td>
28                                 <td width="150" rowspan="2">
29                                         <div id="Info_Box"  class="roundme">
30                                                 <table width="100">
31                                                         <tr><td colspan="2"><div id="CurrentTime"> </div></td></tr>
32                                                         <tr><td>SNR:</td><td><div id="SNR"></div></td></tr>
33                                                         <tr><td>BER:</td><td><div id="BER"></div></td></tr>
34                                                         <tr><td>AGC:</td><td><div id="AGC"></div></td></tr>
35                                                 </table>
36                                         </div>
37                                 </td>
38                                 </tr><tr>
39                                 
40                                 <td width="80%">
41                                                 <span id="Event_Next_Name"  onclick="setBodyMainContent('BodyContentEPGNext')"> </span>
42                                 </td>
43                         </tr>
44                         <tr><td colspan="2">
45                                 Volume <span id="Volume_Current" >..</span>
46                                 <span onclick="volumeUp()" >++</span>
47                                 <span onclick="volumeDown()" >--</span>
48                                 <span onclick="volumeMute()" >xx</span>
49                                 <img src="/webdata/gfx/led_off.png" id="volume1" onclick="setVolume(10)"/>
50                                 <img src="/webdata/gfx/led_off.png" id="volume2" onclick="setVolume(20)"/>
51                                 <img src="/webdata/gfx/led_off.png" id="volume3" onclick="setVolume(30)"/>
52                                 <img src="/webdata/gfx/led_off.png" id="volume4" onclick="setVolume(40)"/>
53                                 <img src="/webdata/gfx/led_off.png" id="volume5" onclick="setVolume(50)"/>
54                                 <img src="/webdata/gfx/led_off.png" id="volume6" onclick="setVolume(60)"/>
55                                 <img src="/webdata/gfx/led_off.png" id="volume7" onclick="setVolume(70)"/>
56                                 <img src="/webdata/gfx/led_off.png" id="volume8" onclick="setVolume(80)"/>
57                                 <img src="/webdata/gfx/led_off.png" id="volume9" onclick="setVolume(90)"/>
58                                 <img src="/webdata/gfx/led_off.png" id="volume10" onclick="setVolume(100)"/>
59                                 <img src="/webdata/gfx/speak_on.png" id="speaker"  onclick="volumeMute()" />
60                                 </td>
61                                 <td>
62                                         <form onSubmit="new EPGList().getBySearchString($('searchText').value,$('BodyEPGPanel')); setBodyMainContent('BodyEPGPanel'); return false;">
63                                                 <input type="text" id="searchText" onfocus="this.value=''" value="EPG suchen"/>                                 
64                                         </form>
65                                 </td>                                   
66                         </tr>
67                 </table>
68                 
69 <!-- END SITE HEADER //-->
70 </td></tr>
71 <tr><td>
72 <!-- START SITE BODY //-->
73         <table id="htmlDesignTableBody"   width="100%" border="0">
74         <tr>
75                 <td id="htmlDesignTableBodyMenue" width="150" valign="top">
76                 <!-- START BODY MENUE //-->
77                         <div id="accordionMenue">
78                         <div id="accordionMenueBouqetPanel">
79                         <div id="accordionMenueBouqetHeader">
80                         Bouquets
81                 </div>
82                 <div id="accordionMenueBouqetContent">
83                                 
84                 </div>
85                         </div>
86                         <!--<div id="accordionMenueControlPanel">
87                         <div id="accordionMenueControlHeader">
88                         Control
89                 </div>
90                 <div id="accordionMenueControlContent">
91                         <table>
92                         <tr><td><a onclick="setBodyMainContent('BodyContentMessageform')">Nachricht</a></td></tr>
93                         <tr><td><a onclick="setBodyMainContent('BodyContentPower')">Shutdown</a></td></tr>
94                         <tr><td><a onclick="setBodyMainContent('BodyContentHDD')">HDD</a></td></tr>
95                         <tr><td><a onclick="setBodyMainContent('BodyContentDebugbox')">JscriptDebug</a></td></tr>
96                         </table>
97                 </div>
98                         </div>//-->
99                         </div>
100                 
101                 <!-- END BODY MENUE //-->
102                 </td>
103                 <td id="htmlDesignTableBodyMain" valign="top" witdh="100%" >
104                 <!-- START BODY MAIN //-->
105                                 <!-- START BodyContentEPGNext //-->       
106                                 <div id="BodyContentEPGNext" style="display:none;" >
107                                         <div id="Event_Next_Box">
108                                                 <table id="Event_Table_Next"  width="100%" border="1">
109                                                         <tr>
110                                                                 <td>
111                                                                         <span id="Event_Next_Begin"></span> bis <span id="Event_Next_End"></span>
112                                                                 </td>
113                                                                 <td>
114                                                                         <span id="Event_Next_Name"  onclick="setBodyMainContent('BodyContentEPGNext')"> </span>
115                                                                         <a href="javascript:imdb()">...</a>                             
116                                                                 </td>
117                                                                 <td>
118                                                                         <span id="Event_Next_Remaining"> </span>
119                                                                 </td>
120                                                         </tr>
121                                                         <tr>    
122                                                                 <td colspan="3">
123                                                                         <div id="Event_Next_Description"> </div>
124                                                                 </td>
125                                                         </tr>
126                                                         <tr>    
127                                                                 <td colspan="3">
128                                                                         <div id="Event_Next_Extended_Description"> </div>
129                                                                 </td>
130                                                         </tr>
131                                                 </table>
132                                         </div>
133                                 </div>
134                                 <!-- ENDE BodyContentEPGNext //-->       
135                                 <!-- START BodyContentEPGNow //-->       
136                                 <div id="BodyContentEPGNow" style="display:none;">
137                                         <div id="Event_Now_Box">
138                                                 <table id="Event_Table_Now"  width="100%" border="1">
139                                                         <tr>
140                                                                 <td>
141                                                                         <span id="Event_Now_Begin"></span> bis <span id="Event_Now_End"></span>
142                                                                 </td>
143                                                                 <td>
144                                                                         <span id="Event_Now_Name"  onclick="setBodyMainContent('BodyContentEPGNow')"> </span>
145                                                                         <a href="javascript:imdb()">...</a>                             
146                                                                 </td>
147                                                                 <td>
148                                                                         <span id="Event_Now_Remaining"> </span>
149                                                                 </td>
150                                                         </tr>
151                                                         <tr>    
152                                                                 <td colspan="3">
153                                                                         <div id="Event_Now_Description"> </div>
154                                                                 </td>
155                                                         </tr>
156                                                         <tr>    
157                                                                 <td colspan="3">
158                                                                         <div id="Event_Now_Extended_Description"> </div>
159                                                                 </td>
160                                                         </tr>
161                                                 </table>
162                                         </div>
163                                 </div>
164                                 <!-- END BodyContentEPGNow //-->       
165                                 <!-- START BodyContentChannellist //-->       
166                                         <div id="BodyContentChannellist" style="display:none;"></div>
167                                 <!-- END BodyContentChannellist //--> 
168                                 <!-- START BodyContentMessageform //-->       
169                                         <div id="BodyContentMessageform" style="display:none;">
170                                                                                 BodyContentText BodyContentText BodyContentText BodyContentText
171                                         </div>
172                                 <!-- END BodyContentMessageform //-->       
173                                 <!-- START BodyContentPower //-->       
174                                         <div id="BodyContentPower" style="display:none;">
175                                                 standby, Poweroff, E2restart
176                                         </div>
177                                 <!-- END BodyContentPower //-->       
178                                 <!-- START BodyContentHDD //-->       
179                                 <div id="BodyContentHDD" style="display:none;">
180                                         <iframe src="/hdd/" width="100%" height="400"/>
181                                 </div>
182                                 <!-- END BodyContentHDD //-->       
183                                 <!-- START BodyContentDebugbox //-->       
184                                 <div id="BodyContentDebugbox" style="display:none;">
185                                         
186                                 </div>
187                                 <!-- END BodyContentDebugbox //-->       
188                                 <!-- START BodyEPGPanel //-->       
189                                 <div id="BodyEPGPanel" style="display:none;">
190                                         
191                                 </div>
192                                 <!-- END BodyEPGPanel //-->       
193                                                                                         
194                                 <!-- END CHANNELLIST //-->       
195                 <!-- END BODY MAIN //-->                                
196                 </td>
197         </tr>
198         </table>
199 <!-- END SITE BODY //-->
200 </td></tr>
201 </table>
202
203
204 <script type="text/javascript" >
205 // HTML Effekts by wwwopenrico.org
206 new Rico.Effect.Round('div','roundme' );
207 new Rico.Effect.Round('div','button' );
208 new Rico.Accordion( $('accordionMenue') );
209 //
210 getVolume();
211 loadRootTVBouqet();
212 //loadRootRadioBouqet();
213 setBodyMainContent('BodyContentChannellist');
214 function updatePage()
215 {
216
217
218 function imdb()
219 {
220         w = window.open("http://www.imdb.com/find?s=all&amp;q=" + escape(document.getElementById("Event_Now_Name").innerHTML));
221         w.focus();
222 }
223
224 </script>
225 </body>
226 &lt;div id="scriptzone">
227 <!-- realtime updates follow -->
228 <e2:element source="CurrentTime" streaming="yes">
229   <e2:convert type="ClockToText">WithSeconds</e2:convert>
230         <e2:convert type="web:JavascriptUpdate" />
231 </e2:element>
232 <e2:element source="CurrentService" streaming="yes">
233         <e2:convert type="ServiceName">Name</e2:convert>
234         <e2:convert type="web:JavascriptUpdate" />
235 </e2:element>
236 <e2:element source="Event_Now" id="Event_Now_Name" streaming="yes">
237         <e2:convert type="EventName">Name</e2:convert>
238         <e2:convert type="web:JavascriptUpdate" />
239 </e2:element>
240 <e2:element source="Event_Now" id="Event_Now_Description" streaming="yes">
241         <e2:convert type="EventName">Description</e2:convert>
242         <e2:convert type="web:JavascriptUpdate" />
243 </e2:element>
244 <e2:element source="Event_Now" id="Event_Now_Extended_Description" streaming="yes">
245         <e2:convert type="EventName">ExtendedDescription</e2:convert>
246         <e2:convert type="web:JavascriptUpdate" />
247 </e2:element>
248 <e2:element source="Event_Now" id="Event_Now_Begin" streaming="yes">
249         <e2:convert type="EventTime">StartTime</e2:convert>
250   <e2:convert type="ClockToText">Default</e2:convert>
251         <e2:convert type="web:JavascriptUpdate" />
252 </e2:element>
253 <e2:element source="Event_Now" id="Event_Now_End" streaming="yes">
254         <e2:convert type="EventTime">EndTime</e2:convert>
255   <e2:convert type="ClockToText">Default</e2:convert>
256         <e2:convert type="web:JavascriptUpdate" />
257 </e2:element>
258 <e2:element source="Event_Now" id="Event_Now_Remaining" streaming="yes">
259         <e2:convert type="EventTime">Remaining</e2:convert>
260         <e2:convert type="RemainingToText">InMinutes</e2:convert>
261         <e2:convert type="web:JavascriptUpdate" />
262 </e2:element>
263
264
265 <e2:element source="Event_Next" id="Event_Next_Name" streaming="yes">
266   <e2:convert type="EventName">Name</e2:convert>
267   <e2:convert type="web:JavascriptUpdate" />
268 </e2:element>
269 <e2:element source="Event_Next" id="Event_Next_Begin" streaming="yes">
270         <e2:convert type="EventTime">StartTime</e2:convert>
271         <e2:convert type="ClockToText">Default</e2:convert>
272         <e2:convert type="web:JavascriptUpdate" />
273 </e2:element>
274 <e2:element source="Event_Next" id="Event_Next_End" streaming="yes">
275         <e2:convert type="EventTime">EndTime</e2:convert>
276   <e2:convert type="ClockToText">Default</e2:convert>
277         <e2:convert type="web:JavascriptUpdate" />
278 </e2:element>
279 <e2:element source="Event_Next" id="Event_Next_Remaining" streaming="yes">
280   <e2:convert type="EventTime">Remaining</e2:convert>
281   <e2:convert type="RemainingToText">InMinutes</e2:convert>
282   <e2:convert type="web:JavascriptUpdate" />
283 </e2:element>
284 <e2:element source="Event_Next" id="Event_Next_Extended_Description" streaming="yes">
285         <e2:convert type="EventName">ExtendedDescription</e2:convert>
286         <e2:convert type="web:JavascriptUpdate" />
287 </e2:element>
288
289
290 <e2:element source="FrontendStatus"  id="SNR" streaming="yes">
291         <e2:convert type="FrontendInfo">SNR</e2:convert>
292         <e2:convert type="web:JavascriptUpdate" />
293 </e2:element>
294 <e2:element source="FrontendStatus"  id="BER" streaming="yes">
295         <e2:convert type="FrontendInfo">BER</e2:convert>
296         <e2:convert type="web:JavascriptUpdate" />
297 </e2:element>
298 <e2:element source="FrontendStatus"  id="AGC" streaming="yes">
299         <e2:convert type="FrontendInfo">AGC</e2:convert>
300         <e2:convert type="web:JavascriptUpdate" />
301 </e2:element>
302
303
304 <e2:element source="CurrentService" id="CurrentServiceProvider" streaming="yes">
305         <e2:convert type="ServiceName">Provider</e2:convert>
306         <e2:convert type="web:JavascriptUpdate" />
307 </e2:element>
308                 
309                 
310
311 </e2:screen>