Webinterface: check fullpath in getMovieSubdirs
[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         <link rel="stylesheet" type="text/css" href="/web-data/css/font-awesome.min.css">
8         <!-- <link href="/web-data/tpl/default/style.css" type="text/css" rel="stylesheet"> -->
9         <link rel="stylesheet" type="text/css" id="style_modern" title="modern" href="/web-data/tpl/default/style_modern.min.css">
10         <link rel="alternate stylesheet" type="text/css" id="style_merlin_dark" title="Merlin Dark" href="/web-data/tpl/default/style_merlin_dark.min.css" disabled>
11 <!--
12         <link rel="alternate stylesheet" type="text/css" id="style_dark" title="dark" href="/web-data/tpl/default/style.min.css" disabled>
13         <link rel="alternate stylesheet" type="text/css" id="style_light" title="light" href="/web-data/tpl/default/style_light.min.css" disabled>
14  -->
15
16         <link rel="shortcut icon" type="image/x-icon" href="/web-data/img/favicon.ico">
17         <!--
18         <script type="text/javascript" src="/web-data/lib/prototype.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         <script type="text/javascript" src="/web-data/lib/libs_minified.js">
32         {
33                 "nodrag":1,
34                 "lang":"en",
35                 "buttontabindex":true,
36                 "cellformat":["Y-ds-m-ds-d"],
37                 "titleformat":["Y-ds-m-ds-d"]
38         }
39         </script>
40         <script language="javascript" type="text/javascript">
41                 var appCache = window.applicationCache;
42                 if(appCache){
43                         window.addEventListener(
44                                 'load',
45                                 function(e) {
46                                         window.applicationCache
47                                                 .addEventListener(
48                                                         'updateready',
49                                                         function(e) {
50                                                                 if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
51                                                                         window.applicationCache.swapCache();
52                                                                         if (confirm('A new version of this site is available. Load it?')) {
53                                                                                 window.location.reload();
54                                                                         }
55                                                                 }// Manifest didn't change. Nothing to do.
56                                                         }, false);
57                                 }, false);
58                 }
59
60                 function setMaxHeight(element){
61                         try{
62                                 var slc = $(element);
63                                 var top = slc.cumulativeOffset().top;
64                                 var height = document.viewport.getHeight() - top - 40;
65                                 slc.style.maxHeight = height+"px";
66                         } catch (e) {
67                                 console.log(e);
68                         }
69                 }
70                 function setNavHd(content){
71                         $('navHd').update('<div>'+content+'</div>');
72                 }
73
74                 function setContentHd(content, keepHdExt){
75                         var div = new Element('div');
76                         div.update(content);
77                         $('contentHd').update(div);
78                         if(!keepHdExt)
79                                 $('contentHdExt').update('');
80                 }
81
82                 function getAjaxLoad(){
83                         return ('<center><div style="padding-top: 50px"><i class="fa fa-circle-o-notch fa-spin fa-3x" alt="loading..."></i></div></center>');
84                 }
85
86                 function getBulletToggleClass(isOpen){
87                         if(isOpen)
88                                 return "fa-minus-square-o";
89                         else
90                                 return "fa-plus-square-o";
91                 }
92
93                 function getEnabledDisabledClass(isEnabled){
94                         if(isEnabled)
95                                 return "fa-check-circle";
96                         else
97                                 return "fa-minus-circle";
98                 }
99         </script>
100
101         <!-- Webinterface Stuff -->
102         <script type="text/javascript" src="/web/strings.js"></script>
103         <script type="text/javascript" src="/web-data/userprefs.js"></script>
104         <script type="text/javascript" src="/web-data/statics.js" ></script>
105         <script type="text/javascript" src="/web-data/helpers.js" ></script>
106         <script type="text/javascript" src="/web-data/provider.js" ></script>
107         <script type="text/javascript" src="/web-data/handler.js" ></script>
108         <script type="text/javascript" src="/web-data/core.js" ></script>
109
110         <!-- Live RSS Feeds //-->
111         <link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
112 </head>
113 <body onresize="setMaxHeight('contentMain')" onload="document.getElementById('notification').style.display='none'">
114         <div id="container">
115                 <div id="banner" class="rounded">
116                         <span id="notification"><div></div></span>
117                         <div id="bannerLeft">
118                                 <div id="ajaxLoad" style="display:none;"><i class="fa fa-circle-o-notch fa-spin fa-2x" alt="loading..."></i></div>
119                                 <div id="bannerText" style="font-size: 24px;">
120                                         <div class="bannerHeader"></div>
121                                 </div>
122                                 <ul id="mainMenu">
123                                         <li class="roundedNav navmenu" data-mode="tv"><a class="roundedNav" href="#!/tv/bouquets"><span id="mainMenuItemTv" >TeleVision</span></a></li>
124                                         <li class="roundedNav navmenu" data-mode="radio"><a class="roundedNav" href="#!/radio/bouquets"><span id="mainMenuItemRadio">Radio</span></a></li>
125                                         <li class="roundedNav navmenu" data-mode="movies"><a class="roundedNav" href="#!/movies/list/filter//"><span id="mainMenuItemMovies">Movies</span></a></li>
126                                         <li class="roundedNav navmenu" data-mode="timer"><a class="roundedNav" href="#!/timer/list"><span id="mainMenuItemTimer">Timer</span></a></li>
127                                         <li class="roundedNav navmenu" data-mode="control"><a class="roundedNav" href="#!/control"><span id="mainMenuItemBoxControl">BoxControl</span></a></li>
128                                         <li class="roundedNav navmenu" data-mode="extras"><a class="roundedNav" href="#!/extras"><span id="mainMenuItemExtras">Extras</span></a></li>
129                                         <li id="menuPower" class="roundedNav navmenu">
130                                                 <div class="group">
131                                                         <a class="roundedNav dropdown-toggle" href="#">
132                                                                 <span>Power</span>
133                                                         </a>
134                                                         <ul class="dropdown-menu" style="display:none;">
135                                                                 <li><a href="#" class="powerState" data-state="toggle">Idle</a></li>
136                                                                 <li><a href="#" class="powerState" data-state="deep">Shutdown</a></li>
137                                                                 <li><a href="#" class="powerState" data-state="reboot">Reboot</a></li>
138                                                                 <li><a href="#" class="powerState" data-state="gui">Restart GUI</a></li>
139                                                         </ul>
140                                                 </div>
141                                         </li>
142                                         <li class="roundedNav navmenu"><a class="roundedNav" href="#" id="webTv"><span id="mainMenuItemWebTV">WebTV</span></a></li>
143                                 </ul>
144                         </div>
145                         <div id="bannerRight">
146                                 <table style="width: 100%">
147                                         <tr>
148                                                 <td><a id="openSignalPanel" href="#" >
149                                                         <i id="openSignalPanelImg" class="fa fa-border fa-fw fa-signal" alt="Signal" title="Show Signal Panel"></i>
150                                                 </a></td>
151                                         </tr>
152                                         <tr>
153                                                 <td class="group">
154                                                         <a id="instantRecord" class="dropdown-toggle" href="#">
155                                                                 <i id="instantRecordImg" class="fa fa-border fa-fw fa-clock-o" alt="R" title="Instant Record"></i>
156                                                         </a>
157                                                         <ul id="instantRecordMenu" class="dropdown-menu right-aligned" style="display: none;">
158                                                                 <li id="instantRecordHd">Instant record</li>
159                                                                 <li><button id="instantRecordCurrentEvent" class="doInstantRecord" data-type="current">Record current event</button></li>
160                                                                 <li><button id="instantRecordInfinite" class="doInstantRecord" data-type="infinite">Start infinite recording</button></li>
161                                                         </ul>
162                                                 </td>
163                                         </tr>
164                                 </table>
165                         </div>
166                 </div>
167                 <div id="current" class="rounded">
168                         <div id="currentContent">
169                                 <table id="currentTable">
170                                         <tr>
171                                                 <td id="currentName">N/A</td>
172                                         </tr>
173                                 </table>
174                         </div>
175                 </div>
176                 <div id="main">
177                         <div id="navContainer">
178                                 <div id="nav" class="rounded">
179                                         <div id="navHd" class="header"><div>SubNav</div></div>
180                                         <div id="navContent">loading...</div>
181                                 </div>
182                                 <div id="navVolume" class="rounded">
183                                         <div id="volHd" class="header"><div>Volume</div></div>
184                                         <span id="volContent" class="boxContent center" style="width: 94%; display:block;">loading...</span>
185                                 </div>
186                                 <div id="navSearch" class="rounded">
187                                         <div id="searchHd" class="header"><div>EPG-Search</div></div>
188                                         <div class="boxContent">
189                                                 <form id="epgSearchForm" action="">
190                                                         <input type="text" id="epgSearch" />
191                                                         <i id="epgSearchClear" class="fa fa-lg fa-times" alt="clear..." title="Clear Search"></i>
192                                                 </form>
193                                         </div>
194                                 </div>
195                         </div>
196                         <div id="content" class="rounded">
197                                 <table class="contentHd" cellpadding="0" cellspacing="0">
198                                         <tr>
199                                                 <td><div id="contentHd" class="header"><div>Content</div></div></td>
200                                                 <td style="text-align: right"><div id="contentHdExt"></div></td>
201                                         </tr>
202                                 </table>
203                                 <div id="contentMain">loading...</div>
204                         </div>
205                 </div>
206         </div>
207         <script language="javascript" type="text/javascript">
208                 core.styleChanged();
209                 setMaxHeight('contentMain');
210                 $('ajaxLoad').hide();
211                 //Localization
212                 $('mainMenuItemTv').update(strings.television);
213                 $('mainMenuItemRadio').update(strings.radio);
214                 $('mainMenuItemMovies').update(strings.movies);
215                 $('mainMenuItemTimer').update(strings.timers);
216                 $('mainMenuItemBoxControl').update(strings.boxcontrol);
217                 $('mainMenuItemExtras').update(strings.extras);
218                 $('mainMenuItemWebTV').update(strings.webtv);
219                 $('instantRecordCurrentEvent').update(strings.record_current_event);
220                 $('instantRecordInfinite').update(strings.start_record_infinite);
221                 $('instantRecordHd').update(strings.instant_record);
222                 $('volHd').update(strings.volume);
223                 $('searchHd').update(strings.epgsearch);
224                 setInputPlaceholder($('epgSearch'), strings.epgsearch_hint);
225                 $('epgSearchClear').title = strings.clear_serach;
226                 $('openSignalPanelImg').title = strings.open_signal_panel;
227                 $('instantRecordImg').title = strings.instant_record;
228                 core.run();
229         </script>
230
231 </body>
232 </html>