[InternetRadio] initial commit of InternetRadio plugin (with music-visualization...
[enigma2-plugins.git] / internetradio / 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
7         <title>Dreambox InternetRadio</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 href="/internetradio/style.css" type="text/css" rel="stylesheet">
12         <link rel="shortcut icon" type="image/x-icon" href="/web-data/img/favicon.ico">
13
14         <script type="text/javascript" src="/web-data/lib/libs_minified.js">
15         {
16                 "nodrag":1,
17                 "lang":"en",
18                 "buttontabindex":true,
19                 "cellformat":["Y-ds-m-ds-d"],
20                 "titleformat":["Y-ds-m-ds-d"]
21         }
22         </script>
23         <script language="javascript" type="text/javascript">
24                 function setMaxHeight(element){
25                         try{
26                                 var slc = $(element);
27                                 var top = slc.cumulativeOffset().top;
28                                 var height = document.viewport.getHeight() - top - 40;
29                                 slc.style.maxHeight = height+"px";
30                         } catch (e) {
31                                 console.log(e);
32                         }
33                 }
34                 function setNavHd(content){
35                         $('navHd').update('<div style="background-color: #000">'+content+'</div>');
36                 }
37
38                 function setContentHd(content){
39                         var div = new Element('div');
40                         div.setStyle({background: 'black'});
41                         div.update(content);
42                         $('contentHd').update(div);
43                         $('contentHdExt').update('');
44                 }
45
46                 function getAjaxLoad(){
47                         return ('<center><img style="padding-top: 50px;" src="/web-data/gfx/ajaxload.gif" alt="loading..."></center>');
48                 }
49         </script>
50
51         <!-- Webinterface Stuff -->
52         <script type="text/javascript" src="/web-data/userprefs.js"></script>
53         <script type="text/javascript" src="/web-data/statics.js" ></script>
54         <script type="text/javascript" src="/web-data/helpers.js" ></script>
55         <script type="text/javascript" src="/web-data/provider.js" ></script>
56         <script type="text/javascript" src="/web-data/handler.js" ></script>
57         <script type="text/javascript" src="/web-data/core.js" ></script>
58         <script type="text/javascript" src="/internetradio/internetradio.js" ></script>
59
60         <!-- Live RSS Feeds //-->
61         <link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
62 </head>
63 <body onresize="setMaxHeight('contentMain')" onload="document.getElementById('notification').style.display='none'">
64         <div id="container">
65                 <div id="banner" class="rounded">
66                         <span id="notification"><div></div></span>
67                         <div id="bannerLeft">
68                                 <div id="bannerText" style="font-size: 24px;">
69                                         <img src="/internetradio/img/internetradiobanner.png" alt="Dreambox Internetradio">
70                                 </div>
71                         </div>
72                 </div>
73                 <div id="current" class="rounded">
74                                 <h3 style="clear: left; margin: 3px 8px 8px 8px" id="currentText">N/A</h3>
75                 </div>
76                 <div id="main">
77                         <div id="content" class="rounded" style="width:1000px; margin-left: 0px">
78                                 <table style="margin:0px; padding:0px; background:#000; width:100%" cellpadding="0" cellspacing="0">
79                                         <tr>
80                                                 <td>
81                                                         <div id="contentHd" class="header">
82                                                                 <div>Radio Stations <a id="newStation" href="#listtop"> [New Station]</a></div>
83                                                         </div>
84                                                 </td>
85                                                 <td style="text-align: right"><div id="contentHdExt"><button id="stop" style="display:none">Stop Playback</button></div></td>
86                                         </tr>
87                                 </table>
88                                 <div id="contentMain" style="width: 1000px; padding: 0px">loading...</div>
89                         </div>
90                 </div>
91         </div>
92         <script language="javascript" type="text/javascript">
93                 setMaxHeight('contentMain');
94                 radio.run()
95         </script>
96 </body>
97 </html>
98