-changed by layouting
[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                                         <input type="text" id="searchText" />
63                                         <button onclick="new EPGList().getBySearchString($('searchText').value,$('BodyEPGPanel'));setBodyMainContent('BodyEPGPanel');" >EPG suchen</button></td>
64                                 </tr>
65                 </table>
66                 
67 <!-- END SITE HEADER //-->
68 </td></tr>
69 <tr><td>
70 <!-- START SITE BODY //-->
71         <table id="htmlDesignTableBody"   width="100%" border="0">
72         <tr>
73                 <td id="htmlDesignTableBodyMenue" width="150" valign="top">
74                 <!-- START BODY MENUE //-->
75                         <div id="accordionMenue">
76                         <div id="accordionMenueBouqetPanel">
77                         <div id="accordionMenueBouqetHeader">
78                         Bouquets
79                 </div>
80                 <div id="accordionMenueBouqetContent">
81                                 
82                 </div>
83                         </div>
84                         <!--<div id="accordionMenueControlPanel">
85                         <div id="accordionMenueControlHeader">
86                         Control
87                 </div>
88                 <div id="accordionMenueControlContent">
89                         <table>
90                         <tr><td><a onclick="setBodyMainContent('BodyContentMessageform')">Nachricht</a></td></tr>
91                         <tr><td><a onclick="setBodyMainContent('BodyContentPower')">Shutdown</a></td></tr>
92                         <tr><td><a onclick="setBodyMainContent('BodyContentHDD')">HDD</a></td></tr>
93                         <tr><td><a onclick="setBodyMainContent('BodyContentDebugbox')">JscriptDebug</a></td></tr>
94                         </table>
95                 </div>
96                         </div>//-->
97                         </div>
98                 
99                 <!-- END BODY MENUE //-->
100                 </td>
101                 <td id="htmlDesignTableBodyMain" valign="top" witdh="100%" >
102                 <!-- START BODY MAIN //-->
103                                 <!-- START BodyContentEPGNext //-->       
104                                 <div id="BodyContentEPGNext" style="display:none;" >
105                                         <div id="Event_Next_Box">
106                                                 <table id="Event_Table_Next"  width="100%" border="1">
107                                                         <tr>
108                                                                 <td>
109                                                                         <span id="Event_Next_Begin"></span> bis <span id="Event_Next_End"></span>
110                                                                 </td>
111                                                                 <td>
112                                                                         <span id="Event_Next_Name"  onclick="setBodyMainContent('BodyContentEPGNext')"> </span>
113                                                                         <a href="javascript:imdb()">...</a>                             
114                                                                 </td>
115                                                                 <td>
116                                                                         <span id="Event_Next_Remaining"> </span>
117                                                                 </td>
118                                                         </tr>
119                                                         <tr>    
120                                                                 <td colspan="3">
121                                                                         <div id="Event_Next_Description"> </div>
122                                                                 </td>
123                                                         </tr>
124                                                         <tr>    
125                                                                 <td colspan="3">
126                                                                         <div id="Event_Next_Extended_Description"> </div>
127                                                                 </td>
128                                                         </tr>
129                                                 </table>
130                                         </div>
131                                 </div>
132                                 <!-- ENDE BodyContentEPGNext //-->       
133                                 <!-- START BodyContentEPGNow //-->       
134                                 <div id="BodyContentEPGNow" style="display:none;">
135                                         <div id="Event_Now_Box">
136                                                 <table id="Event_Table_Now"  width="100%" border="1">
137                                                         <tr>
138                                                                 <td>
139                                                                         <span id="Event_Now_Begin"></span> bis <span id="Event_Now_End"></span>
140                                                                 </td>
141                                                                 <td>
142                                                                         <span id="Event_Now_Name"  onclick="setBodyMainContent('BodyContentEPGNow')"> </span>
143                                                                         <a href="javascript:imdb()">...</a>                             
144                                                                 </td>
145                                                                 <td>
146                                                                         <span id="Event_Now_Remaining"> </span>
147                                                                 </td>
148                                                         </tr>
149                                                         <tr>    
150                                                                 <td colspan="3">
151                                                                         <div id="Event_Now_Description"> </div>
152                                                                 </td>
153                                                         </tr>
154                                                         <tr>    
155                                                                 <td colspan="3">
156                                                                         <div id="Event_Now_Extended_Description"> </div>
157                                                                 </td>
158                                                         </tr>
159                                                 </table>
160                                         </div>
161                                 </div>
162                                 <!-- END BodyContentEPGNow //-->       
163                                 <!-- START BodyContentChannellist //-->       
164                                         <div id="BodyContentChannellist" style="display:none;"></div>
165                                 <!-- END BodyContentChannellist //--> 
166                                 <!-- START BodyContentMessageform //-->       
167                                         <div id="BodyContentMessageform" style="display:none;">
168                                                                                 BodyContentText BodyContentText BodyContentText BodyContentText
169                                         </div>
170                                 <!-- END BodyContentMessageform //-->       
171                                 <!-- START BodyContentPower //-->       
172                                         <div id="BodyContentPower" style="display:none;">
173                                                 standby, Poweroff, E2restart
174                                         </div>
175                                 <!-- END BodyContentPower //-->       
176                                 <!-- START BodyContentHDD //-->       
177                                 <div id="BodyContentHDD" style="display:none;">
178                                         <iframe src="/hdd/" width="100%" height="400"/>
179                                 </div>
180                                 <!-- END BodyContentHDD //-->       
181                                 <!-- START BodyContentDebugbox //-->       
182                                 <div id="BodyContentDebugbox" style="display:none;">
183                                         
184                                 </div>
185                                 <!-- END BodyContentDebugbox //-->       
186                                 <!-- START BodyEPGPanel //-->       
187                                 <div id="BodyEPGPanel" style="display:none;">
188                                         
189                                 </div>
190                                 <!-- END BodyEPGPanel //-->       
191                                                                                         
192                                 <!-- END CHANNELLIST //-->       
193                 <!-- END BODY MAIN //-->                                
194                 </td>
195         </tr>
196         </table>
197 <!-- END SITE BODY //-->
198 </td></tr>
199 </table>
200
201
202 <script type="text/javascript" >
203 // HTML Effekts by wwwopenrico.org
204 new Rico.Effect.Round('div','roundme' );
205 new Rico.Effect.Round('div','button' );
206 new Rico.Accordion( $('accordionMenue') );
207 //
208 getVolume();
209 loadRootTVBouqet();
210 //loadRootRadioBouqet();
211 setBodyMainContent('BodyContentChannellist');
212 function updatePage()
213 {
214
215
216 function imdb()
217 {
218         w = window.open("http://www.imdb.com/find?s=all&amp;q=" + escape(document.getElementById("Event_Now_Name").innerHTML));
219         w.focus();
220 }
221
222 </script>
223 </body>
224 &lt;div id="scriptzone">
225 <!-- realtime updates follow -->
226 <e2:element source="CurrentTime" streaming="yes">
227   <e2:convert type="ClockToText">WithSeconds</e2:convert>
228         <e2:convert type="web:JavascriptUpdate" />
229 </e2:element>
230 <e2:element source="CurrentService" streaming="yes">
231         <e2:convert type="ServiceName">Name</e2:convert>
232         <e2:convert type="web:JavascriptUpdate" />
233 </e2:element>
234 <e2:element source="Event_Now" id="Event_Now_Name" streaming="yes">
235         <e2:convert type="EventName">Name</e2:convert>
236         <e2:convert type="web:JavascriptUpdate" />
237 </e2:element>
238 <e2:element source="Event_Now" id="Event_Now_Description" streaming="yes">
239         <e2:convert type="EventName">Description</e2:convert>
240         <e2:convert type="web:JavascriptUpdate" />
241 </e2:element>
242 <e2:element source="Event_Now" id="Event_Now_Extended_Description" streaming="yes">
243         <e2:convert type="EventName">ExtendedDescription</e2:convert>
244         <e2:convert type="web:JavascriptUpdate" />
245 </e2:element>
246 <e2:element source="Event_Now" id="Event_Now_Begin" streaming="yes">
247         <e2:convert type="EventTime">StartTime</e2:convert>
248   <e2:convert type="ClockToText">Default</e2:convert>
249         <e2:convert type="web:JavascriptUpdate" />
250 </e2:element>
251 <e2:element source="Event_Now" id="Event_Now_End" streaming="yes">
252         <e2:convert type="EventTime">EndTime</e2:convert>
253   <e2:convert type="ClockToText">Default</e2:convert>
254         <e2:convert type="web:JavascriptUpdate" />
255 </e2:element>
256 <e2:element source="Event_Now" id="Event_Now_Remaining" streaming="yes">
257         <e2:convert type="EventTime">Remaining</e2:convert>
258         <e2:convert type="RemainingToText">InMinutes</e2:convert>
259         <e2:convert type="web:JavascriptUpdate" />
260 </e2:element>
261
262
263 <e2:element source="Event_Next" id="Event_Next_Name" streaming="yes">
264   <e2:convert type="EventName">Name</e2:convert>
265   <e2:convert type="web:JavascriptUpdate" />
266 </e2:element>
267 <e2:element source="Event_Next" id="Event_Next_Begin" streaming="yes">
268         <e2:convert type="EventTime">StartTime</e2:convert>
269         <e2:convert type="ClockToText">Default</e2:convert>
270         <e2:convert type="web:JavascriptUpdate" />
271 </e2:element>
272 <e2:element source="Event_Next" id="Event_Next_End" streaming="yes">
273         <e2:convert type="EventTime">EndTime</e2:convert>
274   <e2:convert type="ClockToText">Default</e2:convert>
275         <e2:convert type="web:JavascriptUpdate" />
276 </e2:element>
277 <e2:element source="Event_Next" id="Event_Next_Remaining" streaming="yes">
278   <e2:convert type="EventTime">Remaining</e2:convert>
279   <e2:convert type="RemainingToText">InMinutes</e2:convert>
280   <e2:convert type="web:JavascriptUpdate" />
281 </e2:element>
282 <e2:element source="Event_Next" id="Event_Next_Extended_Description" streaming="yes">
283         <e2:convert type="EventName">ExtendedDescription</e2:convert>
284         <e2:convert type="web:JavascriptUpdate" />
285 </e2:element>
286
287
288 <e2:element source="FrontendStatus"  id="SNR" streaming="yes">
289         <e2:convert type="FrontendInfo">SNR</e2:convert>
290         <e2:convert type="web:JavascriptUpdate" />
291 </e2:element>
292 <e2:element source="FrontendStatus"  id="BER" streaming="yes">
293         <e2:convert type="FrontendInfo">BER</e2:convert>
294         <e2:convert type="web:JavascriptUpdate" />
295 </e2:element>
296 <e2:element source="FrontendStatus"  id="AGC" streaming="yes">
297         <e2:convert type="FrontendInfo">AGC</e2:convert>
298         <e2:convert type="web:JavascriptUpdate" />
299 </e2:element>
300
301
302 <e2:element source="CurrentService" id="CurrentServiceProvider" streaming="yes">
303         <e2:convert type="ServiceName">Provider</e2:convert>
304         <e2:convert type="web:JavascriptUpdate" />
305 </e2:element>
306                 
307                 
308
309 </e2:screen>