webinterface: use font-awesome for icons. Disable all styles but "modern" for now
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / tplMultiEpg.htm
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional"
2         "http://www.w3.org/TR/html4/loose.dtd">
3 <html>
4 <!-- tplMultiEpg -->
5         <head>
6                 <meta content="text/html; charset=UTF-8" http-equiv="content-type">
7                 <title>Enigma2 WebControl - MultiEPG</title>
8                 <link rel="stylesheet" type="text/css" href="/web-data/css/font-awesome.min.css">
9                 <link href="/web-data/tpl/default/multiepg.css" type="text/css" rel="stylesheet">
10                 <script type="text/javascript" src="/web-data/lib/libs_minified.js"></script>
11                 <script type="text/javascript" src="/web-data/helpers.js"></script>
12                 <script type="text/javascript" language="javscript">
13                         var onWindowLoad = window.onload;
14                         function init(){
15                                 if(onWindowLoad)
16                                         onWindowLoad();
17                                 fxheaderInit('mEpgT',1,0);
18                                 fxheader();
19                         }
20                 </script>
21         </head>
22         <body onLoad="init()">
23                 <div id="mEpgDetail" style="display:none"></div>
24                 <div id="mEpg">
25                         <table  id="mEpgT" cellpadding="0" cellspacing="0">
26                                 <thead>
27                                         <tr>
28                                                 {for epg in items.epg}
29                                                 <th>${epg[0].servicename}</th>
30                                                 {/for}
31                                         </tr>
32                                 </thead>
33                                 <tbody>
34                                         <tr style="vertical-align: top">
35                                         {for epg in items.epg}
36                                                 <td  class="{if epg_index%2 == 0}mEpgColEven{else}mEpgColOdd{/if}">{for e in epg}
37                                                         <a      class="mEpgItem"
38                                                                 style="height:${e.size}px;"
39
40                                                                 name="${e.eventid}"
41                                                                 href="#${e.eventid}"
42                                                                 title="${e.title.e()}"
43
44                                                                 data-servicereference="${e.servicereference.e()}"
45                                                                 data-servicename="${e.servicename.e()}"
46                                                                 data-eventid="${e.eventid}"
47                                                                 data-date="${e.date}"
48                                                                 data-start="${e.start}"
49                                                                 data-starttime = "${e.starttime}"
50                                                                 data-end="${e.end}"
51                                                                 data-endtime = "${e.endtime}"
52                                                                 data-duration = "${e.duration}"
53                                                                 data-title="${e.title.e()}"
54                                                                 data-description="${e.description.e()}"
55                                                                 data-extdescription="${e.extdescription.e()}">
56
57                                                                 <p class="mEpgCell time">${e.starttime} - ${e.endtime}</p>
58                                                                 <p class="mEpgCell title">${e.title} (${e.remaining} min.)</p>
59                                                                 <p class="mEpgCell">${e.description}&nbsp;</p>
60                                                         </a>{/for}
61                                                 </td>
62                                         {/for}
63                                         </tr>
64                                 </tbody>
65                         </table>
66                 </div>
67         </body>
68 <!-- /tplMultiEpg -->
69 </html>