[WebIf] Disable rounded-corners in navigation on IE to fix "disappearing" menus.
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / index.html
1 <!DOCTYPE HTML>
2 <html manifest="/web-data/tpl/default/default.appcache">
3
4 <head>
5         <meta content="text/html; charset=UTF-8" http-equiv="content-type">
6
7         <title>Dreambox WebControl</title>
8
9         <!-- <link href="/web-data/tpl/default/style.css" type="text/css" rel="stylesheet"> -->
10         <link href="/web-data/tpl/default/style.min.css" type="text/css" rel="stylesheet">
11         <link rel="shortcut icon" type="image/x-icon" href="/web-data/img/favicon.ico">
12         <!--
13         <script type="text/javascript" src="/web-data/lib/prototype.js"></script>
14         <script type="text/javascript" src="/web-data/lib/trimpath-template-1.0.38.js"></script>
15         <script type="text/javascript" src="/web-data/lib/hashlistener2.js"></script>
16         <script type="text/javascript" src="/web-data/lib/datepicker/datepicker.js">
17         {
18                 "nodrag":1,
19                 "lang":"en",
20                 "buttontabindex":true,
21                 "cellformat":["Y-ds-m-ds-d"],
22                 "titleformat":["Y-ds-m-ds-d"]
23         }
24         </script>
25         -->
26         <script type="text/javascript" src="/web-data/lib/libs_minified.js">
27         {
28                 "nodrag":1,
29                 "lang":"en",
30                 "buttontabindex":true,
31                 "cellformat":["Y-ds-m-ds-d"],
32                 "titleformat":["Y-ds-m-ds-d"]
33         }
34         </script>
35         <script language="javascript" type="text/javascript">
36                 var appCache = window.applicationCache;
37                 if(appCache){
38                         window.addEventListener(
39                                 'load',
40                                 function(e) {
41                                         window.applicationCache
42                                                 .addEventListener(
43                                                         'updateready',
44                                                         function(e) {
45                                                                 if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
46                                                                         window.applicationCache.swapCache();
47                                                                         if (confirm('A new version of this site is available. Load it?')) {
48                                                                                 window.location.reload();
49                                                                         }
50                                                                 }// Manifest didn't change. Nothing to do.
51                                                         }, false);
52                                 }, false);
53                 }
54
55                 function setMaxHeight(element){
56                         try{
57                                 var slc = $(element);
58                                 var top = slc.cumulativeOffset().top;
59                                 var height = document.viewport.getHeight() - top - 40;
60                                 slc.style.maxHeight = height+"px";
61                         } catch (e) {
62                                 console.log(e);
63                         }
64                 }
65                 function setNavHd(content){
66                         $('navHd').update('<div style="background-color: #000">'+content+'</div>');
67                 }
68
69                 function setContentHd(content){
70                         var div = new Element('div');
71                         div.setStyle({background: 'black'});
72                         div.update(content);
73                         $('contentHd').update(div);
74                         $('contentHdExt').update('');
75                 }
76
77                 function getAjaxLoad(){
78                         return ('<center><img style="padding-top: 50px;" src="/web-data/gfx/ajaxload.gif" alt="loading..."></center>');
79                 }
80         </script>
81
82         <!-- Webinterface Stuff -->
83         <script type="text/javascript" src="/web-data/userprefs.js"></script>
84         <script type="text/javascript" src="/web-data/statics.js" ></script>
85         <script type="text/javascript" src="/web-data/helpers.js" ></script>
86         <script type="text/javascript" src="/web-data/provider.js" ></script>
87         <script type="text/javascript" src="/web-data/handler.js" ></script>
88         <script type="text/javascript" src="/web-data/core.js" ></script>
89
90         <!-- Live RSS Feeds //-->
91         <link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
92 </head>
93 <body onresize="setMaxHeight('contentMain')" onload="document.getElementById('notification').style.display='none'">
94         <div id="container">
95                 <div id="banner" class="rounded">
96                         <span id="notification"><div></div></span>
97                         <div id="bannerLeft">
98                                 <div id="bannerText" style="font-size: 24px;">
99                                         <img src="/web-data/img/dreamboxweb.png" alt="Dreambox Web">
100                                 </div>
101                                 <ul id="mainMenu">
102                                         <li class="roundedNav navmenu" data-mode="tv"><a class="roundedNav" href="#!/tv"><span>TeleVision</span></a></li>
103                                         <li class="roundedNav navmenu" data-mode="radio"><a class="roundedNav" href="#!/radio"><span>Radio</span></a></li>
104                                         <li class="roundedNav navmenu" data-mode="movies"><a class="roundedNav" href="#!/movies/list/filter//"><span>Movies</span></a></li>
105                                         <li class="roundedNav navmenu" data-mode="timer"><a class="roundedNav" href="#!/timer/list"><span>Timer</span></a></li>
106                                         <li class="roundedNav navmenu" data-mode="control"><a class="roundedNav" href="#!/control"><span>BoxControl</span></a></li>
107                                         <li class="roundedNav navmenu" data-mode="extras"><a class="roundedNav" href="#!/extras"><span>Extras</span></a></li>
108                                         <li class="roundedNav navmenu"><a class="roundedNav" href="#" id="webTv"><span>WebTV</span></a></li>
109                                 </ul>
110                         </div>
111                         <div id="bannerRight">
112                                 <table style="width: 100%">
113                                         <tr>
114                                                 <td><a id="openSignalPanel" href="#" >
115                                                         <img id="openSignalPanelImg" border="0" src="/web-data/img/transmit_blue.png" alt="Signal" title="Show Signal Panel">
116                                                 </a></td>
117                                         </tr>
118                                         <tr>
119                                                 <td><a id="instantRecord" href="#">
120                                                                 <img  id="instantRecordImg" border="0" src="/web-data/img/clock_red.png" alt="R" title="Instant Record">
121                                                         </a>
122                                                 </td>
123
124                                         </tr>
125                                 </table>
126                                 <div id="instantRecordMenu" class="rounded" style="display: none;">
127                                         <table>
128                                                 <tr>
129                                                         <th>Instant record</th>
130                                                 </tr>
131                                                 <tr>
132                                                         <td colspan="2"><button class="doInstantRecord" data-type="current">Record current event</button></td>
133                                                 </tr>
134                                                 <!--
135                                                 <tr>
136                                                         <td><button class="doInstantRecord" data-type="minutes" style="width: 140px">Record for (min.)</button>
137                                                         <td style="text-align: right"><input type="text" size="2" maxlength="3" value="60"></input></td></td>
138                                                 </tr>
139                                                 -->
140                                                 <tr>
141                                                         <td colspan="2"><button class="doInstantRecord" data-type="infinite">Start infinite recording</button></td>
142                                                 </tr>
143                                         </table>
144
145                                 </div>
146                         </div>
147                 </div>
148                 <div id="current" class="rounded">
149                         <div id="currentContent">
150                                 <table id="currentTable">
151                                         <tr>
152                                                 <td id="currentName">N/A</td>
153                                         </tr>
154                                 </table>
155                         </div>
156                 </div>
157                 <div id="main">
158                         <div id="navContainer">
159                                 <div id="nav" class="rounded">
160                                         <div id="navHd" class="header"><div>SubNav</div></div>
161                                         <div id="navContent">loading...</div>
162                                 </div>
163                                 <div id="navVolume" class="rounded">
164                                         <div id="volHd" class="header"><div>Volume</div></div>
165                                         <span id="volContent" class="boxContent center" style="width: 94%; display:block;">loading...</span>
166                                 </div>
167                                 <div id="navSearch" class="rounded">
168                                         <div id="searchHd" class="header"><div>EPG-Search</div></div>
169                                         <div class="boxContent">
170                                                 <form id="epgSearchForm" action="">
171                                                         <input type="text" id="epgSearch" value="Search EPG" />
172                                                         <img id="epgSearchClear" style="vertical-align:middle" src="/web-data/img/cross.png" alt="clear..." title="Clear Search"/>
173                                                 </form>
174                                         </div>
175                                 </div>
176                         </div>
177                         <div id="content" class="rounded">
178                                 <table style="margin:0px; padding:0px; background:#000;width:100%" cellpadding="0" cellspacing="0">
179                                         <tr>
180                                                 <td><div id="contentHd" class="header"><div>Content</div></div></td>
181                                                 <td style="text-align: right"><div id="contentHdExt"></div></td>
182                                         </tr>
183                                 </table>
184                                 <div id="contentMain">loading...</div>
185                         </div>
186                 </div>
187         </div>
188         <script language="javascript" type="text/javascript">
189                 setMaxHeight('contentMain');
190                 core.run();
191         </script>
192
193 </body>
194 </html>