Changes for the function delTimer. Now, the new WebInterface can delete timers too.
[enigma2-plugins.git] / webinterface / src / web-data / templates.js
1 // EPG Templates
2 var tplUpdateStreamReaderIE = '<iframe id="UpdateStreamReaderIEFixIFrame" src="%(url_updates)" height="0" width="0" scrolling="none" frameborder="0">no iframe support!</iframe>';
3 var tplEPGListHeader = '<table width="100%" border="0" cellspacing="1" cellpadding="0">';
4
5 var tplEPGListItem  = '<tr style="background-color: #DDDDDD;">';
6         tplEPGListItem += '<td width="10%">%(date)</td>';
7         tplEPGListItem += '<td width="30%">%(servicename)</td>';
8         tplEPGListItem += '<td>%(title)</td>';
9         tplEPGListItem += '</tr>';
10         
11         tplEPGListItem += '<tr style="background-color: #DDDDDD;">';
12         tplEPGListItem += '<td>%(starttime)</td>';
13         tplEPGListItem += '<td>%(duration) min.</td>';
14         tplEPGListItem += '<td>%(description)</td>';
15         tplEPGListItem += '</tr>';
16         
17         tplEPGListItem += '<tr style="background-color: #DDDDDD;">';
18         tplEPGListItem += '<td valign="top">%(endtime)</td>';
19         tplEPGListItem += '<td colspan="2"rowspan="2">%(extdescription)</td>';
20         tplEPGListItem += '</tr>';
21         
22         tplEPGListItem +='<tr style="background-color: #DDDDDD;"><td>';
23         tplEPGListItem +='<a target="_blank" ><img src="/webdata/gfx/timer.png" title="add to Timers" border="0" onclick="addTimerByID(\'%(servicereference)\',\'%(eventid)\');"></a><br/>';
24         tplEPGListItem +='<a target="_blank" href="/web/epgsearch.rss?search=%(title)" ><img src="/webdata/gfx/feed.png" title="RSS-Feed for this Title" border="0"></a><br/>';
25         tplEPGListItem +='<a target="_blank" href="http://www.imdb.com/find?s=all&amp;q=%(titleESC)" ><img src="/webdata/gfx/world.png" title="search IMDb" border="0"></a><br/>';
26         tplEPGListItem +='</td></tr>';
27         
28         tplEPGListItem += '<tr style="background-color: #AAAAAA;">';
29         tplEPGListItem += '<td colspan="3">&nbsp;</td>';
30         tplEPGListItem += '</tr>';
31         
32 var tplEPGListFooter = "</table>";
33         
34 // ServiceList Templates
35 var tplServiceListHeader  = '<table border="0" cellpadding="0" cellspacing="0" class="BodyContentChannellist">\n';
36         tplServiceListHeader += '<thead class="fixedHeader">\n';
37         tplServiceListHeader += '<tr>\n';
38         tplServiceListHeader += '<th><div class="sListHeader" style="color: #FFFFFF;">ServiceList</div>\n';
39         tplServiceListHeader += '<div class="sListSearch">';
40         tplServiceListHeader += '<form onSubmit="new EPGList().getBySearchString(document.getElementById(\'searchText\').value); return false;">';
41         tplServiceListHeader += '<input type="text" id="searchText" onfocus="this.value=\'\'" value="Search EPG"/>';
42         tplServiceListHeader += '<input style="vertical-align:middle" type="image" src="/webdata/gfx/search.png" alt="search...">';
43         tplServiceListHeader += '</form></div></th>';
44         tplServiceListHeader += '</tr>\n';
45         tplServiceListHeader += '</thead>\n';
46         tplServiceListHeader += '<tbody class="scrollContent">\n';
47
48 var tplServiceListItem  = '<tr>\n';
49         tplServiceListItem += '<td style="border-top: 2px solid #AAA;" ><div class="sListSName"><a id="%(servicereference)" onclick="zap(this.id)" class="sListSLink">%(servicename)</a></div>';
50         tplServiceListItem += '<div class="sListExt"><a onclick="new EPGList().getByServiceReference(this.id)" id="%(servicereference)"><img src="/webdata/gfx/epg.png" border="0"/></a>\n';
51         tplServiceListItem += '<a target="_blank" href="stream.m3u?ref=%(servicereference)"><img src="/webdata/gfx/screen.png" title="stream Service" border="0"></a></div>\n';
52         tplServiceListItem += '</tr>\n';
53     tplServiceListItem += '<tr>\n';
54         tplServiceListItem += '<td colspan="2"><div id="%(servicereference)EPGNOW"></div></td>\n';
55         tplServiceListItem += '</tr>\n';
56         
57 var tplServiceListFooter = "</tbody></table>\n";
58 //
59
60 var     tplServiceListEPGItem  = '<div class="sListEPGTime">%(starttime)</div>\n';
61         tplServiceListEPGItem += '<div class="sListEPGTitle">%(title)</div>\n';
62         tplServiceListEPGItem += '<div class="sListEPGDuration">%(length) Min.</div>\n';
63
64 // MovieList Templates
65 var tplMovieListHeader  = '<table border="0" cellpadding="0" cellspacing="0" class="BodyContentChannellist">\n';
66         tplMovieListHeader += '<thead class="fixedHeader">\n';
67         tplMovieListHeader += '<tr>\n';
68         tplMovieListHeader += '<th><div class="sListHeader" style="color: #FFFFFF;">MovieList</div>\n';
69         tplMovieListHeader += '<div class="sListSearch">';
70         tplMovieListHeader += '<form onSubmit="new EPGList().getBySearchString(document.getElementById(\'searchText\').value); return false;">';
71         tplMovieListHeader += '<input type="text" id="searchText" onfocus="this.value=\'\'" value="Search EPG"/>';
72         tplMovieListHeader += '<input style="vertical-align:middle" type="image" src="/webdata/gfx/search.png" alt="search...">';
73         tplMovieListHeader += '</form></div></th>';
74         tplMovieListHeader += '</tr>\n';
75         tplMovieListHeader += '</thead>\n';
76         tplMovieListHeader += '<tbody class="scrollContent">\n';
77
78 var tplMovieListItem  = '<tr>\n';
79         tplMovieListItem += '<td><div class="sListSName" title="%(description)">%(title) (%(servicename))</div>';
80         tplMovieListItem += '<div class="sListExt">\n';
81         tplMovieListItem += '%(tags)\n';
82         tplMovieListItem += '</div>\n';
83         tplMovieListItem += '</tr>\n';
84         
85 var tplMovieListFooter = "</tbody></table>\n";
86
87 // TimerList Templates
88 var tplTimerListHeader  = '<table border="0" cellpadding="0" cellspacing="0" class="BodyContentChannellist">\n';
89         tplTimerListHeader += '<thead class="fixedHeader">\n';
90         tplTimerListHeader += '<tr>\n';
91         tplTimerListHeader += '<th><div class="sListHeader" style="color: #FFFFFF;">TimerList</div>\n';
92         tplTimerListHeader += '<div class="sListSearch">';
93         tplTimerListHeader += '<form onSubmit="new EPGList().getBySearchString(document.getElementById(\'searchText\').value); return false;">';
94         tplTimerListHeader += '<input type="text" id="searchText" onfocus="this.value=\'\'" value="Search EPG"/>';
95         tplTimerListHeader += '<input style="vertical-align:middle" type="image" src="/webdata/gfx/search.png" alt="search...">';
96         tplTimerListHeader += '</form></div></th>';
97         tplTimerListHeader += '</tr>\n';
98         tplTimerListHeader += '</thead>\n';
99         tplTimerListHeader += '<tbody class="scrollContent">\n';
100
101 var tplTimerListItem  = '<tr>\n';
102         tplTimerListItem += '<td><div class="sListSName" id="TimerColor%(state)" title="%(description)">%(title) (%(servicename))</div>';
103         tplTimerListItem += '<div class="sListExt" id="TimerColor%(state)">\n';
104         tplTimerListItem += '%(duration)&nbsp;Min\n';
105         tplTimerListItem += '</div>\n';
106         tplTimerListItem += '<div class="sListExt" id="TimerColor%(state)">\n';
107         tplTimerListItem +='<a target="_blank" ><img src="/webdata/gfx/trash.gif" title="delete timer entry" border="0" width="20" height="20" onclick="delTimer(\'%(servicereference)\',\'%(begin)\',\'%(end)\');"></a><br/>';
108         tplTimerListItem += '</div>\n';
109         tplTimerListItem += '</tr>\n';
110         
111 var tplTimerListFooter = "</tbody></table>\n";
112
113 // Bouquetlist Template
114 var tplBouquetListHeader = '<table id="BouquetList" width="100%" border="0" cellspacing="1" cellpadding="0" border="0">';
115
116 var tplBouquetListItem  = '<tr>\n';
117         tplBouquetListItem += '<td><div class="navMenuItem" id="%(servicereference)" onclick="loadBouquet(this.id);">%(bouquetname)</div></td>';
118         tplBouquetListItem += '</tr>\n';
119
120 var tplBouquetListFooter = "</table>";
121
122 //Volume Template
123 var tplVolumePanel  = "<img onclick='volumeUp()' src='/webdata/gfx/arrow_up.png'>"; 
124         tplVolumePanel += "<img onclick='volumeDown()' src='/webdata/gfx/arrow_down.png'>"; 
125         tplVolumePanel += "<img id='volume1' onclick='volumeSet(10)' src='/webdata/gfx/led_off.png'>"; 
126         tplVolumePanel += "<img id='volume2' onclick='volumeSet(20)' src='/webdata/gfx/led_off.png'>"; 
127         tplVolumePanel += "<img id='volume3' onclick='volumeSet(30)' src='/webdata/gfx/led_off.png'>"; 
128         tplVolumePanel += "<img id='volume4' onclick='volumeSet(40)' src='/webdata/gfx/led_off.png'>"; 
129         tplVolumePanel += "<img id='volume5' onclick='volumeSet(50)' src='/webdata/gfx/led_off.png'>"; 
130         tplVolumePanel += "<img id='volume6' onclick='volumeSet(60)' src='/webdata/gfx/led_off.png'>"; 
131         tplVolumePanel += "<img id='volume7' onclick='volumeSet(70)' src='/webdata/gfx/led_off.png'>"; 
132         tplVolumePanel += "<img id='volume8' onclick='volumeSet(80)' src='/webdata/gfx/led_off.png'>"; 
133         tplVolumePanel += "<img id='volume9' onclick='volumeSet(90)' src='/webdata/gfx/led_off.png'>"; 
134         tplVolumePanel += "<img id='volume10' onclick='volumeSet(100)' src='/webdata/gfx/led_off.png'>"; 
135         tplVolumePanel += "<img id='speaker' onclick='volumeMute()' src='/webdata/gfx/speak_on.png'>";
136         
137 //Signal Template
138 var tplSignalPanel  = '<table width="100%" id="SignalPanelTable">';
139         tplSignalPanel += '<tr><td style="background-color: #DDDDDD;">SNR</td><td width="50" style="background-color: #DDDDDD;"><div id="SNR">N/A</div></td></tr>';
140         tplSignalPanel += '<tr><td style="background-color: #DDDDDD;">AGC</td><td width="50" style="background-color: #DDDDDD;"><div id="AGC">N/A</div></td></tr>';
141         tplSignalPanel += '<tr><td style="background-color: #DDDDDD;">BER</td><td width="50" style="background-color: #DDDDDD;"><div id="BER">N/A</div></td></tr>';
142         tplSignalPanel += '</table>';
143         
144 var tplSignalPanelButton = '<img src="/webdata/gfx/signal.png" title="show SignalInfoPanel" onclick="openSignalDialog();" title="view Signal Info">';
145