MediaPlayer needs some redesign, but the functionality is up and running :)
[enigma2-plugins.git] / webinterface / src / web-data / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4 <!-- 
5         Version = '$Header$';
6 -->
7         <meta content="text/html; charset=UTF-8" http-equiv="content-type">
8         <title>Enigma 2 Webinterface</title>
9         
10         <!-- load everything for prototype and prototype window //-->
11         <script type="text/javascript" src="/webdata/lib/ptwindow/javascripts/prototype.js" ></script>
12         <script type="text/javascript" src="/webdata/lib/ptwindow/javascripts/effects.js" ></script>
13         <script type="text/javascript" src="/webdata/lib/ptwindow/javascripts/window.js" ></script>
14         <script type="text/javascript" src="/webdata/lib/ptwindow/javascripts/debug.js"> </script>
15
16         <script type="text/javascript" src="/webdata/lib/rico.js"></script>
17
18         <link href="/webdata/lib/ptwindow/themes/default.css" rel="stylesheet" type="text/css" >
19         <link href="/webdata/lib/ptwindow/themes/alphacube.css" rel="stylesheet" type="text/css" >
20         
21         <!-- link href="/webdata/lib/ptwindow/themes/debug.css" rel="stylesheet" type="text/css" ></link -->
22         
23         <!-- our stuff //-->
24         <script type="text/javascript" src="/webdata/templates.js" ></script>
25         <script type="text/javascript" src="/webdata/objects.js" ></script>
26         <script type="text/javascript" src="/webdata/config.js" ></script>
27         <script type="text/javascript" src="/webdata/tools.js" ></script>
28         <script type="text/javascript" src="/webdata/timer.js" ></script>
29         
30         <link href="/webdata/style.css" type="text/css" rel="stylesheet" >
31         <link rel="shortcut icon" type="image/x-icon" href="/webdata/gfx/favicon.ico">
32
33         <!-- Live RSS Feeds //-->
34         <link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
35 </head>
36
37 <body>
38 <div id="Main">
39         <div id="nav">  
40                 <div id="NavHd"><span id="RequestIndicator" style="display:none;"><img alt="R" src="/webdata/gfx/progress.gif" />loading... </span></div>
41                 
42                 <div id="navTable">
43                         <div class="NavEl">
44                                 <!-- START BODY MENUE //-->
45                                 <div id="accordionMenue">
46                                         <div class="navMenuPanel" id="accordionMenueBouquetPanelTV">
47                                                 <div class="navMenuHeader" id="accordionMenueBouquetHeaderTV">TV</div>
48                                                 <div class="navMenuContent" id="accordionMenueBouquetContentTV">please wait, loading...</div>
49                                         </div>
50                                         
51                                         <div class="navMenuPanel" id="accordionMenueBouquetPanelRadio">
52                                                 <div class="navMenuHeader" id="accordionMenueBouquetHeaderRadio">Radio</div>
53                                                 <div class="navMenuContent" id="accordionMenueBouquetContentRadio">please wait, loading...</div>
54                                         </div>
55                                         
56                                         <div class="navMenuPanel" id="accordionMenueBouquetPanelProviderTV">
57                                                 <div class="navMenuHeader" id="accordionMenueBouquetHeaderProviderTV">Provider TV</div>
58                                                 <div class="navMenuContent" id="accordionMenueBouquetContentProviderTV">please wait, loading...</div>
59                                         </div>
60                                         
61                                         <div class="navMenuPanel" id="accordionMenueBouquetPanelProviderRadio">
62                                                 <div class="navMenuHeader" id="accordionMenueBouquetHeaderProviderRadio">Provider Radio</div>
63                                                 <div class="navMenuContent" id="accordionMenueBouquetContentProviderRadio">please wait, loading...</div>
64                                         </div>
65                                         
66                                         <div class="navMenuPanel" id="accordionMenueBouquetPanelMovieTimer">
67                                                 <div class="navMenuHeader" id="accordionMenueBouquetHeaderMovieTimer">Movie/Timer</div>
68                                                 <div class="navMenuContent" id="accordionMenueBouquetContentMovieTimer">
69                                                         <div onclick="loadMovieList('')">Movies</div>
70                                                         <div onclick="loadTimerList()">Timers</div>
71                                                         <div onclick="loadTimerFormNow()">Add Timer</div>
72                                                         <div onclick="loadMediaPlayer('/media/hdd/')">MediaPlayer</div>
73                                                 </div>
74                                         </div>
75                                                 
76                                         <div class="navMenuPanel" id="accordionMenueBouquetPanelExtras">
77                                                 <div class="navMenuHeader" id="accordionMenueBouquetHeaderExtras">Extras</div>
78                                                 <div class="navMenuContent" id="accordionMenueBouquetContentExtras">
79                                                         <div onclick="showMessageSendForm()">Message</div>
80                                                         <div onclick="showRemoteControllSendForm()">Remote Control</div>
81                                                         <div onclick="showPowerStateSendForm()">Power</div>
82                                                         <div onclick="showAbout()">About</div>
83                                                 </div>
84                                         </div>          
85                                 </div>
86                         </div>
87                 </div>
88         </div>
89         
90         <div id="Content">
91                 <div id="EventNowNext" class="bgMain">
92
93                     <div id="ServiceInfo">
94                                 <div id="CurrentService"></div>
95                                 <div id="VolumePanel"></div>
96                                 <div id="RecordButton"><img alt="Record" src="/webdata/gfx/record.png" onclick="recordingPushed();" /></div>
97                         <div id="SignalPanel"><img src="/webdata/gfx/signal.png" alt="SP" onclick="openSignalDialog();" title="view Signal Info"></div>
98                                 <div id="StreaminterfaceButton"><a href="/webdata/streaminterface.html" target="_blank" ><img alt="Streaminterface" border="0" src="/webdata/gfx/screen.png" /></a></div>
99                         <div id="CurrentTime" onclick="openHiddenFunctions();"></div>
100                         </div>
101                     
102                     <div class="divblock">
103                                 <div style="width:5%; float:left;" onclick="showhide('Event_Now_Extended_Description')" class="event" id="Event_Now_Begin"></div>
104                                 <div style="width:65%; float:left;" onclick="showhide('Event_Now_Extended_Description')" class="event" id="Event_Now_Name"></div>
105                                 <div style="width:30%; float:left;" onclick="showhide('Event_Now_Extended_Description')" class="eventRA" id="Event_Now_Remaining"></div>
106                     </div>
107             
108                     <div class="divblock">
109                                 <div class="eventExtDesc" id="Event_Now_Extended_Description"></div>
110                     </div>
111                     
112                     <div class="divblock" onclick="showhide('Event_Next_Extended_Description');">
113                                 <div style="width:5%; float:left;" class="event" id="Event_Next_Begin"></div>
114                                 <div style="width:65%; float:left;" class="event" id="Event_Next_Name"></div>
115                                 <div style="width:30%; float:left;" class="eventRA" id="Event_Next_Remaining"></div>
116                     </div>
117                     
118                     <div class="divblock">
119                                 <div class="eventExtDesc" id="Event_Next_Extended_Description"></div>
120                     </div>
121                 </div>
122                 <hr />
123                 
124                 <div id="BodyContent" class="BodyContent"></div>
125
126         </div>
127
128 </div>
129 <div>
130 <!-- START LIVEUPDATESTREAM  is used to enable the liveupdatestream in MS Internet Explorer //-->
131 <div id="UpdateStreamReaderIEFixPanel"></div>
132 <!-- END LIVEUPDATESTREAM//-->
133
134 <div id="ServiceListBouqetReference"  style="display:none;" ></div>
135 </div>
136 <script type="text/javascript" >
137
138 var debugWin = null;
139 if(DBG) { debugWin = openWindow("DEBUG", "", 300, 300, 920,140 , "debugWindow"); }
140
141
142 var accordionOptions = {
143         expandedBg : 'transparent',
144         hoverBg : 'CCCCCC',
145         collapsedBg : 'transparent',
146         expandedTextColor : '#000000',
147         expandedFontWeight : 'bold',
148         hoverTextColor : '#000000',
149         collapsedTextColor : '#000000',
150         collapsedFontWeight : 'normal',
151         borderColor : '#EEEEEE',
152         border : '0',
153         panelHeight : 150
154 }
155
156 new Rico.Accordion( $('accordionMenue'), accordionOptions );
157
158 // do things to do at startup
159 initVolumePanel();
160 initChannelList();
161 //setBodyMainContent('BodyContentChannellist');
162 UpdateStreamReaderStart();
163 showhide('Event_Next_Extended_Description');
164 </script>
165 </body>
166 </html>