webinterface: use font-awesome for icons. Disable all styles but "modern" for now
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / tplEpgList.htm
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional"
2            "http://www.w3.org/TR/html4/loose.dtd">
3 <html>
4 <!-- tplEpgList -->
5         <head>
6                 <meta content="text/html; charset=UTF-8" http-equiv="content-type">
7                 <title>Enigma2 WebControl - EPG</title>
8
9                 <link rel="stylesheet" type="text/css" href="/web-data/css/font-awesome.min.css">
10                 <link href="/web-data/tpl/default/style_modern.min.css" type="text/css" rel="stylesheet">
11
12                 <script type="text/javascript" src="/web-data/lib/prototype.js"></script>
13         </head>
14         <body style="scrollbar: auto; color: #485052;">
15                 <table style="width: 100%">
16                         <tr>
17                                 <td>
18                                         {for e in epg}
19                                         <table  class="epgListItem" width="100%" border="0" cellspacing="1" cellpadding="0"
20                                                         data-servicereference="${e.servicereference}"
21                                                         data-servicename="${e.servicename}"
22                                                         data-eventid="${e.eventid}"
23                                                         data-start="${e.start}"
24                                                         data-end=${e.end}
25                                                         data-title="${e.title}"
26                                                         data-description="${e.description}">
27
28                                                 <tr class="bold" style="background-color: #fff;">
29                                                         <td width="10%">${e.date}</td>
30                                                         <td width="30%">${e.servicename}</td>
31                                                         <td>${e.title}</td>
32                                                 </tr>
33
34                                                 <tr style="background-color: #fff;">
35                                                         <td class="bold">${e.starttime}</td>
36                                                         <td>${e.duration} min.</td>
37                                                         <td>${e.description}</td>
38                                                 </tr>
39
40                                                 <tr style="background-color: #fff;">
41                                                         <td class="bold" valign="top">${e.endtime}</td>
42                                                         <td colspan="2"rowspan="2" id="extdescription${e.number}">${e.extdescription}</td>
43                                                 </tr>
44
45                                                 <tr style="background-color: #fff;">
46                                                         <td>
47                                                                 <a href="#" class="eListAddTimer"><i class="fa fa-border fa-plus-square-o" title="${strings.add_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
48                                                                 <a href="#" class="eListZapTimer"><i class="fa fa-border fa-caret-square-o-right" title="${strings.add_zap_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
49                                                                 <a href="#" class="eListEditTimer"><i class="fa fa-border fa-pencil-square-o" title="${strings.edit_timer}" onClick="return false;"></i></a><br/><br/>
50                                                                 <a target="_blank" href="/web/epgsearch.rss?search=${e.title}" ><i class="fa fa-border fa-rss-square" title="RSS-Feed"></i></a>&nbsp;
51                                                                 <a target="_blank" href="http://www.imdb.com/find?s=all&amp;q=${e.titleESC}" ><i class="fa fa-border fa-film" title="${strings.imdb_lookup}"></i></a><br/>
52                                                         </td>
53                                                 </tr>
54                                         </table>
55                                         {forelse}
56                                                 <h1 style="color: white;">${strings.nothing_found}</h1>
57                                         {/for}
58                                 </td>
59                         </tr>
60                 </table>
61         </body>
62 <!-- /tplEpgList -->
63 </html>