webif:
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / index.html
1 <?xml version="1.0" encoding="iso-8859-1"?>
2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
3        "http://www.w3.org/TR/html4/loose.dtd">
4 <html>
5
6 <head>
7         <meta content="text/html; charset=UTF-8" http-equiv="content-type">
8         <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
9         
10         <title>Dreambox WebControl</title>
11         
12         <link href="/web-data/tpl/default/style.css" type="text/css" rel="stylesheet">
13         <link href="/web-data/tpl/default/datepicker.css" type="text/css" rel="stylesheet">
14         <link rel="shortcut icon" type="image/x-icon" href="/web-data/img/favicon.ico">
15         
16
17         <script type="text/javascript" src="/web-data/lib/prototype.js"></script>
18         <script type="text/javascript" src="/web-data/lib/curvycorners.js"></script>
19         <script type="text/javascript" src="/web-data/lib/trimpath-template-1.0.38.js"></script>
20         <script type="text/javascript" src="/web-data/lib/hashlistener2.js"></script>
21         <script type="text/javascript" src="/web-data/lib/datepicker/datepicker.js">
22         {
23                 "nodrag":1,
24                 "lang":"en",
25                 "buttontabindex":true,
26                 "cellformat":["Y-ds-m-ds-d"],
27                 "titleformat":["Y-ds-m-ds-d"]
28         }
29         </script>
30
31         <!-- 
32         <script type="text/javascript" src="/web-data/lib/libs_minified.js"></script>
33          -->
34         <!-- userprefs Object -->
35         <script type="text/javascript" src="/web-data/userprefs.js"></script>
36                 
37         <!-- our stuff //-->
38         <script type="text/javascript" src="/web-data/objects.js" ></script>
39         <script type="text/javascript" src="/web-data/statics.js" ></script>
40         <script type="text/javascript" src="/web-data/provider.js" ></script>
41         <script type="text/javascript" src="/web-data/handler.js" ></script>
42         <script type="text/javascript" src="/web-data/core.js" ></script>
43         
44
45         <!-- Gears-->
46         <script type="text/javascript" src="/web-data/lib/gears_init.js"></script>
47         <script type="text/javascript" src="/web-data/gears_handler.js" ></script>
48
49         <!-- Live RSS Feeds //-->
50         <link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
51
52
53         <script language="javascript" type="text/javascript">
54                 
55                 if (!window.$) {
56                         window.$ = function(id) { return document.getElementById(id); }
57                 }
58                 
59                 function getWinSize(win) 
60                 { 
61                         if(!win) win = window; 
62                         var s = {}; 
63                         if(typeof win.innerWidth != 'undefined') 
64                         { 
65                                 s.width = win.innerWidth; 
66                                 s.height = win.innerHeight; 
67                         } 
68                         else 
69                         { 
70                                  var obj = getBody(win); 
71                                  s.width = parseInt(obj.clientWidth); 
72                                  s.height = parseInt(obj.clientHeight); 
73                         } 
74                         return s; 
75                 } 
76
77                 function getBody(w) 
78                 { 
79                         return (w.document.compatMode && w.document.compatMode == "CSS1Compat") ? w.document.documentElement : w.document.body || null; 
80                 } 
81                 
82                 function setMaxHeight(element){
83                         try{                    
84                                 var slc = $(element);
85                                 size = getWinSize();
86                                 slc.style.maxHeight = size.height - 200+"px";
87                                 if(Prototype.Browser.IE){
88                                         slc.style.height = size.height - 200+"px";
89                                 }
90                         } catch (e) {}
91                 }
92
93         </script>
94 </head>
95 <body onresize="setMaxHeight('contentMain')" onload="document.getElementById('notification').style.display='none'">     
96         <div id="container">
97                 <div id="banner">
98                         <span id="notification"><div></div></span>
99                         <div id="bannerLeft">
100                                 <div id="bannerText" style="font-size: 24px;">
101                                         <img src="/web-data/img/dreamboxweb.png" alt="Dreambox Web">
102                                 </div>
103                                 <ul id="mainMenu">
104                                         <li><a href="#!/tv">TeleVision</a></li>
105                                         <li><a href="#!/radio">Radio</a></li>
106                                         <li><a href="#!/movies/list/filter//">Movies</a></li>
107                                         <li><a href="#!/timer/list">Timer</a></li>
108                                         <li><a href="#!/control">BoxControl</a></li>
109                                         <li><a href="#!/extras">Extras</a></li>
110                                         <li><a href="#" id="webTv">WebTV</a></li>
111                                 </ul>
112                         </div>
113                         <div id="bannerRight">
114                                 <table style="width: 100%">
115                                         <tr>    
116                                                 <td><a id="openSignalPanel" href="#" >
117                                                         <img id="openSignalPanelImg" border="0" src="/web-data/img/transmit_blue.png" alt="Signal" title="Show Signal Panel">
118                                                 </a></td>
119                                         </tr>
120                                         <tr>
121                                                 <td><a id="instantRecord" href="#">
122                                                                 <img  id="instantRecordImg" border="0" src="/web-data/img/clock_red.png" alt="R" title="Instant Record">
123                                                         </a>
124                                                 </td>
125                                                 
126                                         </tr>
127                                 </table>
128                                 <div id="instantRecordMenu" style="display: none;">
129                                         <table>
130                                                 <tr>
131                                                         <th>Instant record</th>
132                                                 </tr>
133                                                 <tr>
134                                                         <td><button class="doInstantRecord" data-type="current">Record current event</button></td>
135                                                 </tr>
136                                                 <!-- 
137                                                 <tr>
138                                                         <td><button class="doInstantRecord" data-type="minutes">Record for (minutes)</button></td>
139                                                 </tr>
140                                                  -->
141                                                 <tr>
142                                                         <td><button class="doInstantRecord" data-type="infinite">Start infinite recording</button></td>
143                                                 </tr>
144                                         </table>
145                                         
146                                 </div>
147                         </div>
148                 </div>
149                 <div id="current">
150                         <div id="currentContent">
151                                 <table id="currentTable">
152                                         <tr>
153                                                 <td id="currentName">N/A</td>
154                                         </tr>   
155                                 </table>
156                         </div>
157                 </div>
158                 <div id="main">
159                         <div id="navContainer">
160                                 <div id="nav">
161                                         <div id="navHd" class="header"><div>SubNav</div></div>
162                                         <div id="navContent">loading...</div>
163                                 </div>
164                                 <div id="navVolume">
165                                         <div id="volHd" class="header"><div>Volume</div></div>
166                                         <span id="volContent" class="boxContent center" style="width: 94%; display:block;">loading...</span>
167                                 </div>
168                                 <div id="navSearch">
169                                         <div id="searchHd" class="header"><div>EPG-Search</div></div>
170                                         <div class="boxContent">
171                                                 <form id="epgSearchForm" action="">
172                                                         <input type="text" id="epgSearch" value="Search EPG" />
173                                                         <img id="epgSearchClear" style="vertical-align:middle" src="/web-data/img/cross.png" alt="clear..." title="Clear Search"/>
174                                                 </form>                                         
175                                         </div>
176                                 </div>
177                         </div>
178                         <div id="content">
179                                 <table style="margin:0px; padding:0px; background:#000;width:100%" cellpadding="0" cellspacing="0">
180                                         <tr>
181                                                 <td><div id="contentHd" class="header"><div>Content</div></div></td>
182                                                 <td style="text-align: right"><div id="contentHdExt"></div></td>
183                                         </tr>
184                                 </table>
185                                 <div id="contentMain">loading...</div>
186                         </div>  
187                 </div>
188         </div>
189         <script language="javascript" type="text/javascript">   
190                 function setNavHd(content){
191                         $('navHd').update('<div style="background-color: #000">'+content+'</div>');
192                 }
193                 
194                 function setContentHd(content){
195                         var div = new Element('div');
196                         div.setStyle({background: 'black'});
197                         div.update(content);
198                         $('contentHd').update(div);
199                         $('contentHdExt').update('');
200                 }
201                 
202                 function getAjaxLoad(){
203                         return ('<center><img style="padding-top: 50px;" src="/web-data/gfx/ajaxload.gif" alt="loading..."></center>');
204                 }               
205                 setMaxHeight('contentMain');                            
206                 core.run();
207         </script>
208
209 </body>
210 </html>