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