WebIf - Movies: Move location selection to the right of the content header to avoid...
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / index.html
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4         <meta content="text/html; charset=UTF-8" http-equiv="content-type">
5
6         <title>Dreambox WebControl</title>
7
8         <!-- <link href="/web-data/tpl/default/style.css" type="text/css" rel="stylesheet"> -->
9         <link href="/web-data/tpl/default/style.min.css" type="text/css" rel="stylesheet">
10         <link rel="shortcut icon" type="image/x-icon" href="/web-data/img/favicon.ico">
11         <!--
12         <script type="text/javascript" src="/web-data/lib/prototype.js"></script>
13         <script type="text/javascript" src="/web-data/lib/trimpath-template-1.0.38.js"></script>
14         <script type="text/javascript" src="/web-data/lib/hashlistener2.js"></script>
15         <script type="text/javascript" src="/web-data/lib/datepicker/datepicker.js">
16         {
17                 "nodrag":1,
18                 "lang":"en",
19                 "buttontabindex":true,
20                 "cellformat":["Y-ds-m-ds-d"],
21                 "titleformat":["Y-ds-m-ds-d"]
22         }
23         </script>
24         -->
25         <script type="text/javascript" src="/web-data/lib/libs_minified.js">
26         {
27                 "nodrag":1,
28                 "lang":"en",
29                 "buttontabindex":true,
30                 "cellformat":["Y-ds-m-ds-d"],
31                 "titleformat":["Y-ds-m-ds-d"]
32         }
33         </script>
34         <script language="javascript" type="text/javascript">
35                 var appCache = window.applicationCache;
36                 if(appCache){
37                         window.addEventListener(
38                                 'load',
39                                 function(e) {
40                                         window.applicationCache
41                                                 .addEventListener(
42                                                         'updateready',
43                                                         function(e) {
44                                                                 if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
45                                                                         window.applicationCache.swapCache();
46                                                                         if (confirm('A new version of this site is available. Load it?')) {
47                                                                                 window.location.reload();
48                                                                         }
49                                                                 }// Manifest didn't change. Nothing to do.
50                                                         }, false);
51                                 }, false);
52                 }
53
54                 function setMaxHeight(element){
55                         try{
56                                 var slc = $(element);
57                                 var top = slc.cumulativeOffset().top;
58                                 var height = document.viewport.getHeight() - top - 40;
59                                 slc.style.maxHeight = height+"px";
60                         } catch (e) {
61                                 console.log(e);
62                         }
63                 }
64                 function setNavHd(content){
65                         $('navHd').update('<div style="background-color: #000">'+content+'</div>');
66                 }
67
68                 function setContentHd(content, keepHdExt){
69                         var div = new Element('div');
70                         div.setStyle({background: 'black'});
71                         div.update(content);
72                         $('contentHd').update(div);
73                         if(!keepHdExt)
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>