webinterface: use font-awesome for icons. Disable all styles but "modern" for now
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / tplServiceList.htm
1
2 <!-- tplServiceList -->
3                                                                         <table>
4                                                                                 {for item in items}
5                                                                                 {if item.now.ismarker}
6                                                                                 <tr class="sListRow">
7                                                                                         <td class="sListMarker">${item.now.servicename}</td>
8                                                                                 </tr>
9                                                                                 {else}
10                                                                                 <tr class="sListRow" data-servicename="${item.now.servicename}">
11                                                                                         <td class="${item.cssclass}">
12                                                                                                 <table class="sListItem">
13                                                                                                         <tr>
14                                                                                                                 <td>
15                                                                                                                         <a href="#" id="${item.now.servicereference}" class="sListSLink" title="${strings.zap_to_channel.format(item.now.servicename)}">
16                                                                                                                                 <div class="sListProgress" id="PROGRESS${item.now.servicereference}">
17                                                                                                                                         <div class="sListSProgress" title="${item.now.progress}%"><div class="sListSProgressBar" style="width: ${item.now.progress}%"></div></div>
18                                                                                                                                 </div>
19                                                                                                                                 <div class="sListSName">${item.now.servicename}</div>
20                                                                                                                         </a>
21                                                                                                                         <div class="sListSActions" >
22                                                                                                                                 <a href="#" class="sListServiceEpg right" data-servicereference="${item.now.servicereference}">
23                                                                                                                                         <i class="fa fa-border fa-tasks" title="${strings.show_epg_for.format(item.now.servicename)}"></i>
24                                                                                                                                 </a>
25                                                                                                                                 <a class="right" target="_blank" href="/web/stream.m3u?ref=${item.now.servicereference}">
26                                                                                                                                         <i class="fa fa-border fa-tv" title="${strings.stream_channel.format(item.now.servicename)}"></i>
27                                                                                                                                 </a>
28                                                                                                                         </div>
29                                                                                                                 </td>
30                                                                                                         </tr>
31                                                                                                         <tr class="sListEPGNow">
32                                                                                                                 <td id="NOW${item.now.servicereference}" class="sListEPGItem">
33                                                                                                                         {if item.now.title != ''}
34                                                                                                                         <table cellspacing="0">
35                                                                                                                                 <tr>
36                                                                                                                                         <td class="epgStart">${item.now.starttime}</td>
37                                                                                                                                         <td class="epgTitle">
38                                                                                                                                                 <a href="#" class="sListExtEpg" title="${strings.show_hide_extended_desc}">
39                                                                                                                                                         <i class="sListBulletToggle fa fa-plus-square-o" alt="+"></i>&nbsp;${item.now.title}
40                                                                                                                                                 </a>
41                                                                                                                                         </td>
42                                                                                                                                         {if item.now.duration != item.now.remaining}
43                                                                                                                                         <td class="epgLength">+${item.now.remaining} ${strings.of} ${item.now.duration}</td>
44                                                                                                                                         {else}
45                                                                                                                                         <td class="epgLength">${item.now.duration}</td>
46                                                                                                                                         {/if}
47                                                                                                                                 </tr>
48                                                                                                                                 <tr class="sListExtEpgLong" style="display:none">
49                                                                                                                                         <td colspan="4" class="epgListItem epgLong"
50                                                                                                                                                 data-servicereference="${item.now.servicereference}"
51                                                                                                                                                 data-servicename="${item.now.servicename}"
52                                                                                                                                                 data-eventid="${item.now.eventid}"
53                                                                                                                                                 data-start="${item.now.start}"
54                                                                                                                                                 data-end=${item.now.end}
55                                                                                                                                                 data-title="${item.now.title}"
56                                                                                                                                                 data-description="${item.now.description}">${item.now.extdescription}<br>
57                                                                                                                                                 <div class="leftCol">
58                                                                                                                                                         <a target="_blank" href="/web/epgsearch.rss?search=${item.now.title}" ><i class="fa fa-border fa-rss-square" title="RSS-Feed (${item.now.title.e()})"></i></a>&nbsp;&nbsp;
59                                                                                                                                                         <a target="_blank" href="http://www.imdb.com/find?s=all&amp;q=${item.now.titleESC}" ><i class="fa fa-border fa-film" title="${strings.imdb_lookup}"></i></a>
60                                                                                                                                                 </div>
61                                                                                                                                                 <div class="right rightCol">
62                                                                                                                                                         <a href="#" class="sListAddTimer"><i class="fa fa-border fa-plus-square-o" title="${strings.add_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
63                                                                                                                                                         <a href="#" class="sListZapTimer"><i class="fa fa-border fa-caret-square-o-right" title="${strings.add_zap_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
64                                                                                                                                                         <a href="#" class="sListEditTimer"><i class="fa fa-border fa-pencil-square-o" title="${strings.edit_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
65                                                                                                                                                 </div>
66                                                                                                                                         </td>
67                                                                                                                                 </tr>
68                                                                                                                         </table>
69                                                                                                                         {/if}
70                                                                                                                 </td>
71                                                                                                         </tr>
72                                                                                                         <tr class="sListEPGNext">
73                                                                                                                 <td id="NEXT${item.now.servicereference}" class="sListEPGItem">
74                                                                                                                         {if item.next.title != ''}
75                                                                                                                         <table cellspacing="0">
76                                                                                                                                 <tr>
77                                                                                                                                         <td class="epgStart">${item.next.starttime}</td>
78                                                                                                                                         <td class="epgTitle">
79                                                                                                                                                 <a href="#" class="sListExtEpg" title="${strings.show_hide_extended_desc}">
80                                                                                                                                                         <i class="sListBulletToggle fa fa-plus-square-o" alt="+"></i>&nbsp;${item.next.title}
81                                                                                                                                                 </a>
82                                                                                                                                         </td>
83                                                                                                                                         {if item.next.duration != item.next.remaining}
84                                                                                                                                         <td class="epgLength">+${item.next.remaining} of ${item.next.duration}</td>
85                                                                                                                                         {else}
86                                                                                                                                         <td class="epgLength">${item.next.duration}</td>
87                                                                                                                                         {/if}
88                                                                                                                                 </tr>
89                                                                                                                                 <tr class="sListExtEpgLong" style="display:none">
90                                                                                                                                         <td colspan="4" class="epgListItem epgLong"
91                                                                                                                                                 data-servicereference="${item.next.servicereference}"
92                                                                                                                                                 data-servicename="${item.next.servicename}"
93                                                                                                                                                 data-eventid="${item.next.eventid}"
94                                                                                                                                                 data-start="${item.next.start}"
95                                                                                                                                                 data-end=${item.next.end}
96                                                                                                                                                 data-title="${item.next.title}"
97                                                                                                                                                 data-description="${item.next.description}">${item.next.extdescription}<br>
98                                                                                                                                                 <div class="leftCol">
99                                                                                                                                                         <a target="_blank" href="/web/epgsearch.rss?search=${item.next.title}" ><i class="fa fa-border fa-rss-square" title="RSS-Feed (${item.next.title.e()})"></i></a>&nbsp;&nbsp;
100                                                                                                                                                         <a target="_blank" href="http://www.imdb.com/find?s=all&amp;q=${item.next.titleESC}" ><i class="fa fa-border fa-film" title="${strings.imdb_lookup}"></i></a>
101                                                                                                                                                 </div>
102                                                                                                                                                 <div class="right rightCol">
103                                                                                                                                                         <a href="#" class="sListAddTimer"><i class="fa fa-border fa-plus-square-o" title="${strings.add_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
104                                                                                                                                                         <a href="#" class="sListZapTimer"><i class="fa fa-border fa-caret-square-o-right" title="${strings.add_zap_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
105                                                                                                                                                         <a href="#" class="sListEditTimer"><i class="fa fa-border fa-pencil-square-o" title="${strings.edit_timer}" onClick="return false;"></i></a>&nbsp;&nbsp;
106                                                                                                                                                 </div>
107                                                                                                                                 </tr>
108                                                                                                                         </table>
109                                                                                                                         {/if}
110                                                                                                                 </td>
111                                                                                                         </tr>
112                                                                                                         <tr id="trSUB${item.now.servicereference}" class="sListSubService" style="display:none;">
113                                                                                                                 <td id="SUB${item.now.servicereference}"></td>
114                                                                                                         </tr>
115                                                                                                 </table>
116                                                                                         </td>
117                                                                                 </tr>
118                                                                                 {/if}
119                                                                                 {forelse}
120                                                                                 <tr>
121                                                                                         <td>
122                                                                                                 <table><tr><td>${strings.no_service}</td></tr></table>
123                                                                                         </td>
124                                                                                 </tr>
125                                                                                 {/for}
126                                                                         </table>
127 <!-- /tplServiceList -->