code.vuplus.com Git - vuplus_dvbapp-plugin/blob - 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 rel="shortcut icon" type="/web-data/image/x-icon" href="/web-data/img/favicon.ico">
  14
  15         <!-- External libs
  16         <script type="text/javascript" src="/web-data/lib/prototype-1.6.1.js"></script>
  17         <script type="text/javascript" src="/web-data/lib/scriptaculous.js?load=effects"></script>
  18         <script type="text/javascript" src="/web-data/lib/shadedborder.js"></script>
  19         <script type="text/javascript" src="/web-data/lib/trimpath-template-1.0.38.js"></script>
  20          -->
  21         <script type="text/javascript" src="/web-data/lib/libs_minified.js"></script>
  22
  23         <!-- userprefs Object -->
  24         <script type="text/javascript" src="/web-data/userprefs.js"></script>
  25
  26         <!-- our stuff //-->
  27         <script type="text/javascript" src="/web-data/objects.js" ></script>
  28         <script type="text/javascript" src="/web-data/statics.js" ></script>
  29         <script type="text/javascript" src="/web-data/tools.js" ></script>
  30         <script type="text/javascript" src="/web-data/timer.js" ></script>
  31
  32         <!-- Gears-->
  33         <script type="text/javascript" src="/web-data/lib/gears_init.js"></script>
  34         <script type="text/javascript" src="/web-data/gears_handler.js" ></script>
  35
  36         <!-- Live RSS Feeds //-->
  37         <link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
  38
  39
  40         <script language="javascript" type="text/javascript">
  41
  42                 if (!window.$) {
  43                         window.$ = function(id) { return document.getElementById(id); }
  44                 }
  45
  46                 function getWinSize(win)
  47                 {
  48                         if(!win) win = window;
  49                         var s = {};
  50                         if(typeof win.innerWidth != 'undefined')
  51                         {
  52                                 s.width = win.innerWidth;
  53                                 s.height = win.innerHeight;
  54                         }
  55                         else
  56                         {
  57                                  var obj = getBody(win);
  58                                  s.width = parseInt(obj.clientWidth);
  59                                  s.height = parseInt(obj.clientHeight);
  60                         }
  61                         return s;
  62                 }
  63
  64                 function getBody(w)
  65                 {
  66                         return (w.document.compatMode && w.document.compatMode == "CSS1Compat") ? w.document.documentElement : w.document.body || null;
  67                 }
  68
  69                 function setMaxHeight(element){
  70                         try{
  71                                 var slc = $(element);
  72                                 size = getWinSize();
  73                                 slc.style.maxHeight = size.height - 200+"px";
  74                         } catch (e) {}
  75                 }
  76
  77         </script>
  78 </head>
  79 <body onresize="setMaxHeight('contentMain')" onload="document.getElementById('notification').style.display='none'">
  80
  81         <div id="container">
  82                 <div id="banner">
  83                         <span id="notification"><div></div></span>
  84                         <div id="bannerLeft">
  85                                 <div id="bannerText" style="font-size: 24px;">
  86                                         <img src="/web-data/img/dreamboxweb.png" alt="Dreambox Web">
  87                                 </div>
  88                                 <ul id="mainMenu">
  89                                         <li><a href="#" onClick="switchMode('TV')">TeleVision</a></li>
  90                                         <li><a href="#" onClick="switchMode('Radio')">Radio</a></li>
  91                                         <li><a href="#" onClick="switchMode('Movies')">Movies</a></li>
  92                                         <li><a href="#" onClick="switchMode('Timer')">Timer</a></li>
  93                                         <!-- <li><a href="#" onClick="switchMode('MediaPlayer')">MediaPlayer</a></li>  -->
  94                                         <li><a href="#" onClick="switchMode('BoxControl')">BoxControl</a></li>
  95                                         <li><a href="#" onClick="switchMode('Extras')">Extras</a></li>
  96                                         <li>
  97                                                 <a href="#" onClick="openWebTV();">
  98                                                         WebTV
  99                                                 </a></li>
 100                                 </ul>
 101                         </div>
 102                         <div id="bannerRight">
 103                                 <div>
 104                                         <a id="openSignalPanel" href="#" >
 105                                                 <img id="openSignalPanelImg" border="0" src="/web-data/img/signal.png" alt="Signal" title="Show Signal Panel">
 106                                         </a><br>
 107                                         <a id="doInstantRecord" href="#" onClick="recordNowPopup()">
 108                                                 <img  id="doInstantRecordImg" border="0" src="/web-data/img/record.png" alt="R" title="Instant Record">
 109                                         </a>
 110                                 </div>
 111                         </div>
 112                 </div>
 113                 <div id="current">
 114                         <div id="currentContent">
 115                                 <table id="currentTable">
 116                                         <tr>
 117                                                 <td id="currentName">N/A</td>
 118                                         </tr>
 119                                 </table>
 120                         </div>
 121                 </div>
 122                 <div id="main">
 123                         <div id="navContainer">
 124                                 <div id="nav">
 125                                         <div id="navHd" class="header"><div>SubNav</div></div>
 126                                         <div id="navContent">loading...</div>
 127                                 </div>
 128                                 <div id="navVolume">
 129                                         <div id="volHd" class="header"><div>Volume</div></div>
 130                                         <span class="boxContent center" style="width: 94%; display:block;">
 131                                                 <!-- Volume "Slider" -->
 132                                                 <a href="#" onClick="volumeSet(10)">
 133                                                         <img id='volume1' src='/web-data/img/led_off.png' title="Volume to 10%" alt="10%">
 134                                                 </a>
 135                                                 <a href="#" onClick="volumeSet(20)">
 136                                                         <img id='volume2' src='/web-data/img/led_off.png' title="Volume to 20%" alt="20%">
 137                                                 </a>
 138                                                 <a href="#" onClick="volumeSet(30)">
 139                                                         <img id='volume3' src='/web-data/img/led_off.png' title="Volume to 30%" alt="30%">
 140                                                 </a>
 141                                                 <a href="#" onClick="volumeSet(40)">
 142                                                         <img id='volume4' src='/web-data/img/led_off.png' title="Volume to 40%" alt="40%">
 143                                                 </a>
 144                                                 <a href="#" onClick="volumeSet(50)">
 145                                                         <img id='volume5' src='/web-data/img/led_off.png' title="Volume to 50%" alt="50%">
 146                                                 </a>
 147                                                 <a href="#" onClick="volumeSet(60)">
 148                                                         <img id='volume6' src='/web-data/img/led_off.png' title="Volume to 60%" alt="60%">
 149                                                 </a>
 150                                                 <a href="#" onClick="volumeSet(70)">
 151                                                         <img id='volume7' src='/web-data/img/led_off.png' title="Volume to 70%" alt="70%">
 152                                                 </a>
 153                                                 <a href="#" onClick="volumeSet(80)">
 154                                                         <img id='volume8' src='/web-data/img/led_off.png' title="Volume to 80%" alt="80%">
 155                                                 </a>
 156                                                 <a href="#" onClick="volumeSet(90)">
 157                                                         <img id='volume9' src='/web-data/img/led_off.png' title="Volume to 90%" alt="90%">
 158                                                 </a>
 159                                                 <a href="#" onClick="volumeSet(100)">
 160                                                         <img id='volume10' src='/web-data/img/led_off.png' title="Volume to 100%" alt="100%">
 161                                                 </a>
 162                                                 <br>
 163                                                 <!-- Volume Control -->
 164                                                 <a href="#" onClick="volumeUp()">
 165                                                         <img src='/web-data/img/arrow_up.png'  title="Volume Up" alt="Up">
 166                                                 </a>
 167                                                 <a href="#" onClick="volumeDown()">
 168                                                         <img src='/web-data/img/arrow_down.png'  title="Volume Down" alt="Down">
 169                                                 </a>
 170                                                 <a href="#" onClick="volumeMute()">
 171                                                         <img id='speaker' src='/web-data/img/speak_on.png'  title="Mute" alt="Mute">
 172                                                 </a>
 173                                         </span>
 174                                 </div>
 175                                 <div id="navSearch">
 176                                         <div id="searchHd" class="header"><div>EPG-Search</div></div>
 177                                         <div class="boxContent">
 178                                                 <form action="" onSubmit="loadEPGBySearchString($('epgSearch').value); return false;">
 179                                                         <input type="text" id="epgSearch" onfocus="this.value=''" value="Search EPG" />
 180                                                         <img style="vertical-align:middle" src="/web-data/img/cross.png" alt="clear..." title="Clear Search" onClick="clearSearch()" />
 181                                                 </form>
 182                                         </div>
 183                                 </div>
 184                         </div>
 185                         <div id="content">
 186                                 <div id="contentHd" class="header"><div>Content</div></div>
 187                                 <div id="contentMain">loading...</div>
 188                         </div>
 189                 </div>
 190         </div>
 191         <script language="javascript" type="text/javascript">
 192                 /****************
 193                 Rounded Corners
 194                 *****************/
 195                 var menuBorder = RUZEE.ShadedBorder.create({ corner:5, border: 1 });
 196
 197                 var buttons = $('mainMenu').getElementsByTagName("li");
 198
 199                 for (var i=0; i < buttons.length; ++i) {
 200                         menuBorder.render(buttons[i]);
 201                 }
 202
 203                 var bannerBorder = RUZEE.ShadedBorder.create({corner:5, shadow:10});
 204                 bannerBorder.render('banner');
 205                 bannerBorder.render('current');
 206
 207                 var contentBorder = RUZEE.ShadedBorder.create({corner:5, border: 2, shadow:10});
 208                 contentBorder.render('nav');
 209                 contentBorder.render('navSearch');
 210                 contentBorder.render('navVolume');
 211                 contentBorder.render('content');
 212
 213                 var hdBorder = RUZEE.ShadedBorder.create({corner:5, edges:"tlr"});
 214                 hdBorder.render('navHd');
 215                 hdBorder.render('searchHd');
 216                 hdBorder.render('volHd');
 217                 hdBorder.render('contentHd');
 218
 219                 function setNavHd(content){
 220                         set("navHd", '<div style="background-color: #000">'+content+'</div>');
 221                         hdBorder.render('navHd');
 222                 }
 223
 224                 function setContentHd(content){
 225                         set("contentHd", '<div style="background-color: #000">'+content+'</div>');
 226                         hdBorder.render('contentHd');
 227                 }
 228
 229                 function getAjaxLoad(){
 230                         return ('<center><img style="padding-top: 50px;" src="/web-data/gfx/ajaxload.gif" alt="loading..."></center>');
 231                 }
 232
 233                 setMaxHeight('contentMain');
 234
 235                 init();
 236         </script>
 237
 238 </body>
 239 </html>