summaryrefslogtreecommitdiff
path: root/template
diff options
context:
space:
mode:
Diffstat (limited to 'template')
-rw-r--r--template/default/at_timer_list.html113
-rw-r--r--template/default/at_timer_new.html286
-rw-r--r--template/default/bilder/aktion.pngbin0 -> 308 bytes
-rw-r--r--template/default/bilder/auge.jpgbin1922 -> 0 bytes
-rw-r--r--template/default/bilder/back.pngbin709 -> 0 bytes
-rw-r--r--template/default/bilder/background.gifbin264 -> 0 bytes
-rw-r--r--template/default/bilder/cback.pngbin250 -> 0 bytes
-rw-r--r--template/default/bilder/fern_01.jpgbin1031 -> 0 bytes
-rw-r--r--template/default/bilder/fern_02.jpgbin1215 -> 0 bytes
-rw-r--r--template/default/bilder/fern_04.jpgbin678 -> 0 bytes
-rw-r--r--template/default/bilder/fern_14.jpgbin959 -> 0 bytes
-rw-r--r--template/default/bilder/fern_16.jpgbin945 -> 0 bytes
-rw-r--r--template/default/bilder/fern_17.jpgbin874 -> 0 bytes
-rw-r--r--template/default/bilder/fern_20.jpgbin577 -> 0 bytes
-rw-r--r--template/default/bilder/fern_21.jpgbin581 -> 0 bytes
-rw-r--r--template/default/bilder/fern_26.jpgbin1047 -> 0 bytes
-rw-r--r--template/default/bilder/fern_27.jpgbin947 -> 0 bytes
-rw-r--r--template/default/bilder/fern_29.jpgbin919 -> 0 bytes
-rw-r--r--template/default/bilder/fern_30.jpgbin677 -> 0 bytes
-rw-r--r--template/default/bilder/fern_34.jpgbin986 -> 0 bytes
-rw-r--r--template/default/bilder/fern_35.jpgbin942 -> 0 bytes
-rw-r--r--template/default/bilder/fern_37.jpgbin912 -> 0 bytes
-rw-r--r--template/default/bilder/fern_38.jpgbin1224 -> 0 bytes
-rw-r--r--template/default/bilder/fern_41.jpgbin1021 -> 0 bytes
-rw-r--r--template/default/bilder/fern_42.jpgbin1007 -> 0 bytes
-rw-r--r--template/default/bilder/fernseher_unten.gifbin11626 -> 0 bytes
-rw-r--r--template/default/bilder/folder.gifbin1065 -> 0 bytes
-rw-r--r--template/default/bilder/folder_video.pngbin0 -> 605 bytes
-rw-r--r--template/default/bilder/frame.pngbin7307 -> 0 bytes
-rw-r--r--template/default/bilder/framed.gifbin14603 -> 0 bytes
-rw-r--r--template/default/bilder/gbutton_right.gifbin378 -> 378 bytes
-rw-r--r--template/default/bilder/help.gifbin1787 -> 1285 bytes
-rw-r--r--template/default/bilder/hilfe.gifbin941 -> 0 bytes
-rw-r--r--template/default/bilder/info.jpgbin1099 -> 0 bytes
-rw-r--r--template/default/bilder/info_disabled.jpgbin809 -> 0 bytes
-rw-r--r--template/default/bilder/linvdr.gifbin3749 -> 0 bytes
-rw-r--r--template/default/bilder/logo.gifbin1884 -> 0 bytes
-rw-r--r--template/default/bilder/luecke.gifbin135 -> 0 bytes
-rw-r--r--template/default/bilder/lupe.jpgbin1829 -> 0 bytes
-rw-r--r--template/default/bilder/mitte.gifbin1147 -> 0 bytes
-rw-r--r--template/default/bilder/nav_button_back.gifbin925 -> 0 bytes
-rw-r--r--template/default/bilder/nav_button_back_end.gifbin378 -> 378 bytes
-rw-r--r--template/default/bilder/nav_button_back_start.gifbin0 -> 377 bytes
-rw-r--r--template/default/bilder/new_auto_timer.gifbin1391 -> 0 bytes
-rw-r--r--template/default/bilder/new_timer.gifbin1281 -> 0 bytes
-rw-r--r--template/default/bilder/pfeile_nachlinks.gifbin164 -> 151 bytes
-rw-r--r--template/default/bilder/pfeile_nachlinks_soft.gifbin164 -> 151 bytes
-rw-r--r--template/default/bilder/pfeile_nachrechts.gifbin177 -> 163 bytes
-rw-r--r--template/default/bilder/pfeile_nachrechts_soft.gifbin177 -> 163 bytes
-rw-r--r--template/default/bilder/poempl_gelb.gifbin681 -> 564 bytes
-rw-r--r--template/default/bilder/poempl_grau.gifbin604 -> 528 bytes
-rw-r--r--template/default/bilder/poempl_grau2.gifbin373 -> 0 bytes
-rw-r--r--template/default/bilder/poempl_gruen.gifbin681 -> 564 bytes
-rw-r--r--template/default/bilder/poempl_rot.gifbin681 -> 564 bytes
-rw-r--r--template/default/bilder/rec.jpgbin2050 -> 0 bytes
-rw-r--r--template/default/bilder/rec_mitback.gifbin2027 -> 0 bytes
-rw-r--r--template/default/bilder/rec_mitback2.jpgbin1123 -> 0 bytes
-rw-r--r--template/default/bilder/remote.swfbin88801 -> 0 bytes
-rw-r--r--template/default/bilder/stream_mitback2.jpgbin1183 -> 0 bytes
-rw-r--r--template/default/bilder/sum_bottom_left.gifbin0 -> 619 bytes
-rw-r--r--template/default/bilder/sum_bottom_mid.gifbin0 -> 615 bytes
-rw-r--r--template/default/bilder/sum_bottom_right.gifbin0 -> 658 bytes
-rw-r--r--template/default/bilder/sum_find.gifbin0 -> 1852 bytes
-rw-r--r--template/default/bilder/sum_info.gifbin0 -> 1947 bytes
-rw-r--r--template/default/bilder/sum_info_disabled.gifbin0 -> 2053 bytes
-rw-r--r--template/default/bilder/sum_left.gifbin0 -> 323 bytes
-rw-r--r--template/default/bilder/sum_mid.gifbin0 -> 417 bytes
-rw-r--r--template/default/bilder/sum_rec.gifbin0 -> 2061 bytes
-rw-r--r--template/default/bilder/sum_right.gifbin0 -> 355 bytes
-rw-r--r--template/default/bilder/sum_top_left.gifbin0 -> 351 bytes
-rw-r--r--template/default/bilder/sum_top_mid.gifbin0 -> 255 bytes
-rw-r--r--template/default/bilder/sum_top_right.gifbin0 -> 364 bytes
-rw-r--r--template/default/bilder/sum_view.gifbin0 -> 1909 bytes
-rw-r--r--template/default/bilder/top.gifbin1909 -> 0 bytes
-rw-r--r--template/default/bilder/top_nav_aufnahmen.gifbin1131 -> 0 bytes
-rw-r--r--template/default/bilder/top_nav_fernbedienung.gifbin1431 -> 0 bytes
-rw-r--r--template/default/bilder/top_nav_konf.gifbin1248 -> 0 bytes
-rw-r--r--template/default/bilder/top_nav_prguebersicht.gifbin1469 -> 0 bytes
-rw-r--r--template/default/bilder/top_nav_timer.gifbin878 -> 0 bytes
-rw-r--r--template/default/bilder/top_nav_wasjetzt.gifbin1448 -> 0 bytes
-rw-r--r--template/default/bilder/tv_umschalten_mitback.gifbin2377 -> 0 bytes
-rw-r--r--template/default/bilder/tv_umschalten_mitback2.jpgbin943 -> 0 bytes
-rw-r--r--template/default/bilder/uebersicht_links.gifbin851 -> 881 bytes
-rw-r--r--template/default/bilder/uebersicht_links_dark.gifbin851 -> 881 bytes
-rw-r--r--template/default/bilder/uebersicht_oben.gifbin1986 -> 1986 bytes
-rw-r--r--template/default/bilder/uebersicht_oben_links.gifbin743 -> 721 bytes
-rw-r--r--template/default/bilder/uebersicht_oben_links_selected.gifbin793 -> 0 bytes
-rw-r--r--template/default/bilder/uebersicht_oben_rechts.gifbin769 -> 761 bytes
-rw-r--r--template/default/bilder/uebersicht_oben_rechts_selected.gifbin784 -> 0 bytes
-rw-r--r--template/default/bilder/uebersicht_oben_selected.gifbin2145 -> 2145 bytes
-rw-r--r--template/default/bilder/uebersicht_rechts.gifbin906 -> 906 bytes
-rw-r--r--template/default/bilder/uebersicht_rechts_dark.gifbin906 -> 906 bytes
-rw-r--r--template/default/bilder/uebersicht_spacer.gifbin43 -> 0 bytes
-rw-r--r--template/default/bilder/uebersicht_unten.gifbin714 -> 680 bytes
-rw-r--r--template/default/bilder/uebersicht_unten_links.gifbin649 -> 628 bytes
-rw-r--r--template/default/bilder/uebersicht_unten_rechts.gifbin735 -> 704 bytes
-rw-r--r--template/default/bilder/uebersicht_unten_selected.gifbin714 -> 680 bytes
-rw-r--r--template/default/config.html715
-rw-r--r--template/default/copper/aktion.pngbin0 -> 308 bytes
-rw-r--r--template/default/copper/auge.jpgbin1470 -> 0 bytes
-rw-r--r--template/default/copper/background.gifbin170 -> 0 bytes
-rw-r--r--template/default/copper/cback.gifbin175 -> 0 bytes
-rw-r--r--template/default/copper/cback.pngbin96 -> 0 bytes
-rw-r--r--template/default/copper/fern_01.jpgbin791 -> 0 bytes
-rw-r--r--template/default/copper/fern_02.jpgbin905 -> 0 bytes
-rw-r--r--template/default/copper/fern_04.jpgbin437 -> 0 bytes
-rw-r--r--template/default/copper/fern_14.jpgbin692 -> 0 bytes
-rw-r--r--template/default/copper/fern_16.jpgbin669 -> 0 bytes
-rw-r--r--template/default/copper/fern_17.jpgbin619 -> 0 bytes
-rw-r--r--template/default/copper/fern_20.jpgbin356 -> 0 bytes
-rw-r--r--template/default/copper/fern_21.jpgbin354 -> 0 bytes
-rw-r--r--template/default/copper/fern_26.jpgbin794 -> 0 bytes
-rw-r--r--template/default/copper/fern_27.jpgbin682 -> 0 bytes
-rw-r--r--template/default/copper/fern_29.jpgbin669 -> 0 bytes
-rw-r--r--template/default/copper/fern_30.jpgbin425 -> 0 bytes
-rw-r--r--template/default/copper/fern_34.jpgbin717 -> 0 bytes
-rw-r--r--template/default/copper/fern_35.jpgbin686 -> 0 bytes
-rw-r--r--template/default/copper/fern_37.jpgbin667 -> 0 bytes
-rw-r--r--template/default/copper/fern_38.jpgbin928 -> 0 bytes
-rw-r--r--template/default/copper/fern_41.jpgbin749 -> 0 bytes
-rw-r--r--template/default/copper/fern_42.jpgbin751 -> 0 bytes
-rw-r--r--template/default/copper/fernseher_unten.gifbin5581 -> 0 bytes
-rw-r--r--template/default/copper/folder.gifbin661 -> 0 bytes
-rw-r--r--template/default/copper/folder_video.pngbin0 -> 642 bytes
-rw-r--r--template/default/copper/frame.gifbin4683 -> 0 bytes
-rw-r--r--template/default/copper/framed.gifbin10217 -> 0 bytes
-rw-r--r--template/default/copper/hilfe.gifbin341 -> 0 bytes
-rw-r--r--template/default/copper/info.jpgbin1473 -> 0 bytes
-rw-r--r--template/default/copper/info_disabled.jpgbin883 -> 0 bytes
-rw-r--r--template/default/copper/linvdr.gifbin3150 -> 0 bytes
-rw-r--r--template/default/copper/logo.gifbin1882 -> 0 bytes
-rw-r--r--template/default/copper/luecke.gifbin114 -> 0 bytes
-rw-r--r--template/default/copper/lupe.jpgbin1289 -> 0 bytes
-rw-r--r--template/default/copper/mitte.gifbin1147 -> 0 bytes
-rw-r--r--template/default/copper/nav_button_back.gifbin918 -> 0 bytes
-rw-r--r--template/default/copper/nav_button_back_start.gifbin0 -> 366 bytes
-rw-r--r--template/default/copper/navi.css6
-rw-r--r--template/default/copper/new_auto_timer.gifbin1391 -> 0 bytes
-rw-r--r--template/default/copper/new_timer.gifbin1281 -> 0 bytes
-rw-r--r--template/default/copper/rec.jpgbin1806 -> 0 bytes
-rw-r--r--template/default/copper/rec_mitback.gifbin1356 -> 0 bytes
-rw-r--r--template/default/copper/separator.gifbin44 -> 0 bytes
-rw-r--r--template/default/copper/style.css107
-rw-r--r--template/default/copper/sum_bottom_left.gifbin0 -> 1174 bytes
-rw-r--r--template/default/copper/sum_bottom_mid.gifbin0 -> 749 bytes
-rw-r--r--template/default/copper/sum_bottom_right.gifbin0 -> 1126 bytes
-rw-r--r--template/default/copper/sum_find.gifbin0 -> 2080 bytes
-rw-r--r--template/default/copper/sum_info.gifbin0 -> 2184 bytes
-rw-r--r--template/default/copper/sum_info_disabled.gifbin0 -> 2070 bytes
-rw-r--r--template/default/copper/sum_left.gifbin0 -> 355 bytes
-rw-r--r--template/default/copper/sum_mid.gifbin0 -> 417 bytes
-rw-r--r--template/default/copper/sum_rec.gifbin0 -> 2219 bytes
-rw-r--r--template/default/copper/sum_right.gifbin0 -> 355 bytes
-rw-r--r--template/default/copper/sum_top_left.gifbin0 -> 355 bytes
-rw-r--r--template/default/copper/sum_top_mid.gifbin0 -> 254 bytes
-rw-r--r--template/default/copper/sum_top_right.gifbin0 -> 373 bytes
-rw-r--r--template/default/copper/sum_view.gifbin0 -> 2098 bytes
-rw-r--r--template/default/copper/top.gifbin1905 -> 0 bytes
-rw-r--r--template/default/copper/top_nav_aufnahmen.gifbin1122 -> 0 bytes
-rw-r--r--template/default/copper/top_nav_fernbedienung.gifbin1421 -> 0 bytes
-rw-r--r--template/default/copper/top_nav_konf.gifbin1238 -> 0 bytes
-rw-r--r--template/default/copper/top_nav_prguebersicht.gifbin1467 -> 0 bytes
-rw-r--r--template/default/copper/top_nav_timer.gifbin871 -> 0 bytes
-rw-r--r--template/default/copper/top_nav_wasjetzt.gifbin1440 -> 0 bytes
-rw-r--r--template/default/copper/tv_umschalten_mitback.gifbin2348 -> 0 bytes
-rw-r--r--template/default/copper/uebersicht_oben_links_selected.gifbin545 -> 0 bytes
-rw-r--r--template/default/copper/uebersicht_oben_rechts_selected.gifbin748 -> 0 bytes
-rw-r--r--template/default/copper/uebersicht_spacer.gifbin43 -> 0 bytes
-rw-r--r--template/default/error.html3
-rw-r--r--template/default/help_at_timer_list.html50
-rw-r--r--template/default/help_at_timer_new.html99
-rw-r--r--template/default/help_config.html276
-rw-r--r--template/default/help_no.html41
-rw-r--r--template/default/help_rec_list.html52
-rw-r--r--template/default/help_timer_list.html54
-rw-r--r--template/default/help_timer_new.html92
-rw-r--r--template/default/index.html7
-rw-r--r--template/default/infobox.js83
-rw-r--r--template/default/left.html87
-rw-r--r--template/default/library.js8
-rw-r--r--template/default/navi.css6
-rw-r--r--template/default/navigation.html85
-rw-r--r--template/default/noauth.html3
-rw-r--r--template/default/noperm.html5
-rw-r--r--template/default/prog_detail.html34
-rw-r--r--template/default/prog_list.html55
-rw-r--r--template/default/prog_list2.html56
-rw-r--r--template/default/prog_summary.html117
-rw-r--r--template/default/prog_timeline.html191
-rw-r--r--template/default/rc.html6
-rw-r--r--template/default/rec_edit.html61
-rw-r--r--template/default/rec_list.html116
-rw-r--r--template/default/style.css126
-rw-r--r--template/default/timer_list.html479
-rw-r--r--template/default/timer_new.html269
-rw-r--r--template/default/toolbar.html29
-rw-r--r--template/default/tv.html13
-rw-r--r--template/default/tv_flash.html19
-rw-r--r--template/i18n.pl35
199 files changed, 2058 insertions, 1726 deletions
diff --git a/template/default/at_timer_list.html b/template/default/at_timer_list.html
index eeb060a..f753237 100644
--- a/template/default/at_timer_list.html
+++ b/template/default/at_timer_list.html
@@ -5,40 +5,46 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>"/>
<title>VDRAdmin - <%! AutoTimer !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css"/>
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css"/>
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
<body id="at_timer_list">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="200" background="bilder/nav_button_back.gif">
+ <td class="col_left">
+ <td class="col_title">
<h1><%! AutoTimer !%></h1>
</td>
- <td align="right" background="bilder/nav_button_back_mitte.gif">
- <table border="0" cellspacing="0" cellpadding="0">
- <tr height="20">
- <td width="12" height="20" background="bilder/gbutton_left.gif"></td>
- <td align="center" height="20" background="bilder/gbutton_middle.gif">
- <a href="<tmpl_var naturl>"><div class="gbutton"><%! New AutoTimer !%></div></a>
- </td>
- <td width="12" height="20" background="bilder/gbutton_right.gif"></td>
- </tr>
- </table>
+ <td class="col_other">
+ <span>
+ <table border="0" cellspacing="0" cellpadding="0">
+ <tr height="20">
+ <td width="12" height="20" background="bilder/gbutton_left.gif"></td>
+ <td align="center" height="20" background="bilder/gbutton_middle.gif">
+ <a href="<tmpl_var naturl>"><div class="gbutton"><%! New AutoTimer !%></div></a>
+ </td>
+ <td width="12" height="20" background="bilder/gbutton_right.gif"></td>
+ </tr>
+ </table>
+ </span>
</td>
<tmpl_if name="help_url">
- <td align="right" width="35" background="bilder/nav_button_back_mitte.gif">
- <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" align="right" valign="top" alt="help" title="<%! Help !%>"/></a>
+ <td class="col_help">
+ <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" alt="help" title="<%! Help !%>"/></a>
</td>
</tmpl_if>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
+ <td class="col_right"></td>
</tr>
</table>
<form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content">
- <tr class="list_heading">
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0"/></td>
- <td width="70" background="bilder/uebersicht_oben<tmpl_if sortbyactive>_selected</tmpl_if>.gif">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content" class="list">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbyactiveurl>"><%! Active !%>
<tmpl_if sortbyactive>
@@ -49,7 +55,7 @@
</a>
</h2>
</td>
- <td width="10%" background="bilder/uebersicht_oben<tmpl_if sortbychannel>_selected</tmpl_if>.gif">
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbychannelurl>"><%! Channel !%>
<tmpl_if sortbychannel>
@@ -60,7 +66,7 @@
</a>
</h2>
</td>
- <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystart>_selected</tmpl_if>.gif">
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbystarturl>"><%! Start !%>
<tmpl_if sortbystart>
@@ -71,7 +77,7 @@
</a>
</h2>
</td>
- <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystop>_selected</tmpl_if>.gif">
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbystopurl>"><%! Stop !%>
<tmpl_if sortbystop>
@@ -82,7 +88,7 @@
</a>
</h2>
</td>
- <td background="bilder/uebersicht_oben<tmpl_if sortbypattern>_selected</tmpl_if>.gif">
+ <td class="col_name" <tmpl_if sortbypattern>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbypatternurl>"><%! Name !%>
<tmpl_if sortbypattern>
@@ -93,69 +99,82 @@
</a>
</h2>
</td>
- <td width="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" background="bilder/uebersicht_oben.gif"></td>
- <td align="center" width="30" background="bilder/uebersicht_oben.gif"><input type="checkbox" name="SELALL" value="SELALL" onclick="AllMessages(this.form);" title="<%! Select all/none !%>"/></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0"/></td>
+ <td class="col_edit"></td>
+ <td class="col_delete"></td>
+ <td class="col_checkbox"><input type="checkbox" name="SELALL" value="SELALL" onclick="AllMessages(this.form);" title="<%! Select all/none !%>"/></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>></td>
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>></td>
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>></td>
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>></td>
+ <td class="col_name" <tmpl_if sortbypattern>selected="yes"</tmpl_if>></td>
+ <td colspan="3"></td>
+ <td class="col_right"></td>
</tr>
<tmpl_loop at_timer_loop>
- <tr valign="middle" class="list_row">
- <td width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"></td>
- <td valign="top" width="70" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbyactive>_selected</tmpl_if>.gif" class="active">
+ <tr class="<tmpl_if __ODD__>row_odd<tmpl_else>row_even</tmpl_if>">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>>
<div>
<tmpl_if active>
- <img src="bilder/poempl_gruen.gif" alt="" width="19" height="19" align="absmiddle" border="0"/>
- <a href="<tmpl_var toggleurl>"><%! Yes !%></a>
+ <a href="<tmpl_var toggleurl>"><img src="bilder/poempl_gruen.gif" alt="" width="19" height="19" align="absmiddle" border="0"/> <%! Yes !%></a>
<tmpl_else>
- <img src="bilder/poempl_grau.gif" alt="" width="19" height="19" align="absmiddle" border="0"/>
- <a href="<tmpl_var toggleurl>"><%! No !%></a>
+ <a href="<tmpl_var toggleurl>"><img src="bilder/poempl_grau.gif" alt="" width="19" height="19" align="absmiddle" border="0"/> <%! No !%></a>
</tmpl_if>
</div>
</td>
- <td valign="top" width="120" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbychannel>_selected</tmpl_if>.gif" class="channel">
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>>
<div>
<tmpl_if channel><a href="<tmpl_var proglink>"><tmpl_var channel></a><tmpl_else>-</tmpl_if>
</div>
</td>
- <td valign="top" width="40" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbystart>_selected</tmpl_if>.gif" class="start">
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>>
<div>
<tmpl_if start><tmpl_var start><tmpl_else>-</tmpl_if>
</div>
</td>
- <td valign="top" width="40" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbystop>_selected</tmpl_if>.gif" class="stop">
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>>
<div>
<tmpl_if stop><tmpl_var stop><tmpl_else>-</tmpl_if>
</div>
</td>
- <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbypattern>_selected</tmpl_if>.gif" class="name" title="<%! Priority: !%> <tmpl_var prio> / <%! Lifetime: !%> <tmpl_var lft>">
+ <td class="col_name" title="<%! Priority: !%> <tmpl_var prio> / <%! Lifetime: !%> <tmpl_var lft>" <tmpl_if sortbypattern>selected="yes"</tmpl_if>>
<div>
<tmpl_var pattern>
</div>
</td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="edit">
+ <td class="col_edit">
<div>
<a href="<tmpl_var modurl>"><img src="bilder/edit.gif" alt="edit" height="17" width="17" border="0" title="<%! Edit !%>"/></a>
</div>
</td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="delete">
+ <td class="col_delete">
<div>
<a href="javascript:del('<%! Delete timer? !%>', '<tmpl_var delurl>');"><img src="bilder/delete.gif" alt="delete" height="17" width="17" border="0" title="<%! Delete !%>"/></a>
</div>
</td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="checkbox">
+ <td class="col_checkbox">
<div>
<input type="checkbox" name="xxxx_<tmpl_var id>"/>
</div>
</td>
- <td valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif">&nbsp;</td>
+ <td class="col_right"></td>
</tr>
</tmpl_loop>
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0"/></td>
- <td colspan="8" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0"/></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>></td>
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>></td>
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>></td>
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>></td>
+ <td class="col_name" <tmpl_if sortbypattern>selected="yes"</tmpl_if>></td>
+ <td colspan="3"></td>
+ <td class="col_right"></td>
</tr>
</table>
@@ -177,7 +196,7 @@
<tr height="20">
<td width="12" height="20" background="bilder/gbutton_left.gif"></td>
<td align="center" height="20" background="bilder/gbutton_middle.gif">
- <a href="javascript:mdel('<%! Delete all selected timers? !%>');"><div class="gbutton"><%! Delete Selected AutoTimers !%></div></a>
+ <a href="javascript:mdel_old('<%! Delete all selected timers? !%>');"><div class="gbutton"><%! Delete Selected AutoTimers !%></div></a>
</td>
<td width="12" height="20" background="bilder/gbutton_right.gif"></td>
</tr>
diff --git a/template/default/at_timer_new.html b/template/default/at_timer_new.html
index 920eb1c..c9f3458 100644
--- a/template/default/at_timer_new.html
+++ b/template/default/at_timer_new.html
@@ -5,163 +5,173 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>"/>
<title>VDRAdmin - <tmpl_if newtimer><%! Add New AutoTimer !%><tmpl_else><%! Edit AutoTimer !%></tmpl_if></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css"/>
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css"/>
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
<body id="at_new">
<form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="500" background="bilder/nav_button_back.gif">
+ <td class="col_left"></td>
+ <td class="col_title">
<h1><tmpl_if newtimer><%! Add New AutoTimer !%><tmpl_else><%! Edit AutoTimer !%></tmpl_if></h1>
</td>
<tmpl_if name="help_url">
- <td align="right" background="bilder/nav_button_back_mitte.gif">
- <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" align="right" valign="top" alt="help" title="<%! Help !%>"/></a>
+ <td class="col_help">
+ <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" alt="help" title="<%! Help !%>"/></a>
</td>
</tmpl_if>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
+ <td class="col_right"></td>
</tr>
</table>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0"/></td>
- <td height="30" background="bilder/uebersicht_oben.gif"></td>
- <td height="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0"/></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! AutoTimer Active: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
+ <div id="content">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! AutoTimer Active: !%></h5></td>
+ <td class="col_value">
<tmpl_if name="oneshot">
- <input type="radio" name="active" value="1" /> <%! Yes !%>
- <input type="radio" name="active" value="0" /> <%! No !%>
- <input type="radio" name="active" value="2" checked /> <%! oneshot !%>
+ <input type="radio" name="active" value="1" id="active_yes" /><label for="active_yes"><%! Yes !%></label>
+ <input type="radio" name="active" value="0" id="active_no" /><label for="active_no"><%! No !%></label>
+ <input type="radio" name="active" value="2" id="active_oneshot" checked /><label for="active_oneshot"><%! oneshot !%></label>
<tmpl_else>
- <input type="radio" name="active" value="1" <tmpl_if active>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="active" value="0" <tmpl_unless active>checked</tmpl_unless> /> <%! No !%>
- <input type="radio" name="active" value="2" /> <%! oneshot !%>
+ <input type="radio" name="active" value="1" id="active_yes" <tmpl_if active>checked</tmpl_if> /><label for="active_yes"><%! Yes !%></label>
+ <input type="radio" name="active" value="0" id="active_no" <tmpl_unless active>checked</tmpl_unless> /><label for="active_no"><%! No !%></label>
+ <input type="radio" name="active" value="2" id="active_oneshot" /><label for="active_oneshot"><%! oneshot !%></label>
</tmpl_if>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Search Patterns: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="text" name="pattern" value="<tmpl_var pattern>" size="40" />
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td valign="top" width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Search in: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <input type="checkbox" name="title" value="1" <tmpl_if title>checked</tmpl_if> /> <%! Title !%>
- <input type="checkbox" name="subtitle" value="1" <tmpl_if subtitle>checked</tmpl_if> /> <%! Subtitle !%>
- <input type="checkbox" name="description" value="1" <tmpl_if description>checked</tmpl_if> /> <%! Description !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td valign="top" width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Search only on these days: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="checkbox" name="wday_mon" value="1" <tmpl_if wday_mon>checked</tmpl_if> /> <%! Monday !%>
- <input type="checkbox" name="wday_tue" value="1" <tmpl_if wday_tue>checked</tmpl_if> /> <%! Tuesday !%>
- <input type="checkbox" name="wday_wed" value="1" <tmpl_if wday_wed>checked</tmpl_if> /> <%! Wednesday !%>
- <input type="checkbox" name="wday_thu" value="1" <tmpl_if wday_thu>checked</tmpl_if> /> <%! Thursday !%>
- <input type="checkbox" name="wday_fri" value="1" <tmpl_if wday_fri>checked</tmpl_if> /> <%! Friday !%>
- <input type="checkbox" name="wday_sat" value="1" <tmpl_if wday_sat>checked</tmpl_if> /> <%! Saturday !%>
- <input type="checkbox" name="wday_sun" value="1" <tmpl_if wday_sun>checked</tmpl_if> /> <%! Sunday !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td valign="top" width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Channel: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <select name="channel" size="1">
- <option value="0"><%! all !%></option>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Search Patterns: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="pattern" value="<tmpl_var pattern>" size="40" />
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Search in: !%></h5></td>
+ <td class="col_value">
+ <input type="checkbox" name="title" value="1" id="searchin_title" <tmpl_if title>checked</tmpl_if> /><label for="searchin_title"><%! Title !%></label>
+ <input type="checkbox" name="subtitle" value="1" id="searchin_subtitle" <tmpl_if subtitle>checked</tmpl_if> /><label for="searchin_subtitle"><%! Subtitle !%></label>
+ <input type="checkbox" name="description" value="1" id="searchin_description" <tmpl_if description>checked</tmpl_if> /><label for="searchin_description"><%! Description !%></label>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Search only on these days: !%></h5></td>
+ <td class="col_value">
+ <input type="checkbox" name="wday_mon" value="1" id="wday_mon" <tmpl_if wday_mon>checked</tmpl_if> /><label for="wday_mon"><%! Monday !%></label>
+ <input type="checkbox" name="wday_tue" value="1" id="wday_tue" <tmpl_if wday_tue>checked</tmpl_if> /><label for="wday_tue"><%! Tuesday !%></label>
+ <input type="checkbox" name="wday_wed" value="1" id="wday_wed" <tmpl_if wday_wed>checked</tmpl_if> /><label for="wday_wed"><%! Wednesday !%></label>
+ <input type="checkbox" name="wday_thu" value="1" id="wday_thu" <tmpl_if wday_thu>checked</tmpl_if> /><label for="wday_thu"><%! Thursday !%></label>
+ <input type="checkbox" name="wday_fri" value="1" id="wday_fri" <tmpl_if wday_fri>checked</tmpl_if> /><label for="wday_fri"><%! Friday !%></label>
+ <input type="checkbox" name="wday_sat" value="1" id="wday_sat" <tmpl_if wday_sat>checked</tmpl_if> /><label for="wday_sat"><%! Saturday !%></label>
+ <input type="checkbox" name="wday_sun" value="1" id="wday_sun" <tmpl_if wday_sun>checked</tmpl_if> /><label for="wday_sun"><%! Sunday !%></label>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Channel: !%></h5></td>
+ <td class="col_value">
+ <select class="submit" name="channel">
+ <option value="0"><%! all !%></option>
<tmpl_loop channels>
- <option value="<tmpl_var vdr_id>" <tmpl_if cur> selected</tmpl_if>><tmpl_var name></option>
+ <option value="<tmpl_var vdr_id>" <tmpl_if cur> selected</tmpl_if>><tmpl_var name></option>
</tmpl_loop>
- </select>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Starts After: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="text" name="starth" value="<tmpl_var starth>" size="2" maxlength="2" />
- <b>&nbsp;:&nbsp;</b>
- <input type="text" name="startm" value="<tmpl_var startm>" size="2" maxlength="2" />
- &nbsp;<%! o'clock !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Ends Before: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <input type="text" name="stoph" value="<tmpl_var stoph>" size="2" maxlength="2" />
- <b>&nbsp;:&nbsp;</b>
- <input type="text" name="stopm" value="<tmpl_var stopm>" size="2" maxlength="2" />
- &nbsp;<%! o'clock !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Priority: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="text" name="prio" value="<tmpl_var prio>" size="2" maxlength="2" />
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Lifetime: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <input type="text" name="lft" value="<tmpl_var lft>" size="2" maxlength="2" />
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Episode: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="checkbox" name="episode" value="1" <tmpl_if episode>checked</tmpl_if> />
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Remember programmed timers: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="done" value="1" <tmpl_if done>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="done" value="0" <tmpl_unless done>checked</tmpl_unless> /> <%! No !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Directory: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="text" name="directory" value="<tmpl_var directory>" size="40" />
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0"/></td>
- <td height="30" background="bilder/uebersicht_unten.gif"></td>
- <td height="30" background="bilder/uebersicht_unten.gif"></td>
- <td width="30" height="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0"/></td>
- </tr>
- </table>
+ </select>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Starts After: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="starth" value="<tmpl_var starth>" size="2" maxlength="2" />
+ <b>&nbsp;:&nbsp;</b>
+ <input type="text" name="startm" value="<tmpl_var startm>" size="2" maxlength="2" />
+ &nbsp;<%! o'clock !%>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Ends Before: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="stoph" value="<tmpl_var stoph>" size="2" maxlength="2" />
+ <b>&nbsp;:&nbsp;</b>
+ <input type="text" name="stopm" value="<tmpl_var stopm>" size="2" maxlength="2" />
+ &nbsp;<%! o'clock !%>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Priority: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="prio" value="<tmpl_var prio>" size="2" maxlength="2" />
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Lifetime: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="lft" value="<tmpl_var lft>" size="2" maxlength="2" />
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><label for="episode"><%! Episode: !%></label></h5></td>
+ <td class="col_value">
+ <input type="checkbox" name="episode" value="1" id="episode" <tmpl_if episode>checked</tmpl_if> />
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Remember programmed timers: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="done" value="1" id="rem_yes" <tmpl_if done>checked</tmpl_if> /><label for="rem_yes"><%! Yes !%></label>
+ <input type="radio" name="done" value="0" id="rem_no" <tmpl_unless done>checked</tmpl_unless> /><label for="rem_no"><%! No !%></label>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Directory: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="directory" value="<tmpl_var directory>" size="40" />
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
+ </div>
+
<div id="buttons">
<input type="submit" class="submit" name="save" value="<%! Save !%>" />
<input type="submit" class="submit" name="exit" value="<%! Cancel !%>" />
diff --git a/template/default/bilder/aktion.png b/template/default/bilder/aktion.png
new file mode 100644
index 0000000..ea9f270
--- /dev/null
+++ b/template/default/bilder/aktion.png
Binary files differ
diff --git a/template/default/bilder/auge.jpg b/template/default/bilder/auge.jpg
deleted file mode 100644
index cd975b0..0000000
--- a/template/default/bilder/auge.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/back.png b/template/default/bilder/back.png
deleted file mode 100644
index f2e072e..0000000
--- a/template/default/bilder/back.png
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/background.gif b/template/default/bilder/background.gif
deleted file mode 100644
index 700c597..0000000
--- a/template/default/bilder/background.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/cback.png b/template/default/bilder/cback.png
deleted file mode 100644
index b2ffaf9..0000000
--- a/template/default/bilder/cback.png
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_01.jpg b/template/default/bilder/fern_01.jpg
deleted file mode 100644
index 112d9f6..0000000
--- a/template/default/bilder/fern_01.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_02.jpg b/template/default/bilder/fern_02.jpg
deleted file mode 100644
index aa8c973..0000000
--- a/template/default/bilder/fern_02.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_04.jpg b/template/default/bilder/fern_04.jpg
deleted file mode 100644
index 60466f6..0000000
--- a/template/default/bilder/fern_04.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_14.jpg b/template/default/bilder/fern_14.jpg
deleted file mode 100644
index 7522563..0000000
--- a/template/default/bilder/fern_14.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_16.jpg b/template/default/bilder/fern_16.jpg
deleted file mode 100644
index 1a0a077..0000000
--- a/template/default/bilder/fern_16.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_17.jpg b/template/default/bilder/fern_17.jpg
deleted file mode 100644
index 69db0f5..0000000
--- a/template/default/bilder/fern_17.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_20.jpg b/template/default/bilder/fern_20.jpg
deleted file mode 100644
index 2bc0762..0000000
--- a/template/default/bilder/fern_20.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_21.jpg b/template/default/bilder/fern_21.jpg
deleted file mode 100644
index 757c2b4..0000000
--- a/template/default/bilder/fern_21.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_26.jpg b/template/default/bilder/fern_26.jpg
deleted file mode 100644
index 0e3afed..0000000
--- a/template/default/bilder/fern_26.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_27.jpg b/template/default/bilder/fern_27.jpg
deleted file mode 100644
index d55b445..0000000
--- a/template/default/bilder/fern_27.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_29.jpg b/template/default/bilder/fern_29.jpg
deleted file mode 100644
index 5952b08..0000000
--- a/template/default/bilder/fern_29.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_30.jpg b/template/default/bilder/fern_30.jpg
deleted file mode 100644
index 15fb695..0000000
--- a/template/default/bilder/fern_30.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_34.jpg b/template/default/bilder/fern_34.jpg
deleted file mode 100644
index 8db1ebc..0000000
--- a/template/default/bilder/fern_34.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_35.jpg b/template/default/bilder/fern_35.jpg
deleted file mode 100644
index 74e68a0..0000000
--- a/template/default/bilder/fern_35.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_37.jpg b/template/default/bilder/fern_37.jpg
deleted file mode 100644
index 0ad6453..0000000
--- a/template/default/bilder/fern_37.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_38.jpg b/template/default/bilder/fern_38.jpg
deleted file mode 100644
index 3b4e41e..0000000
--- a/template/default/bilder/fern_38.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_41.jpg b/template/default/bilder/fern_41.jpg
deleted file mode 100644
index c9b8784..0000000
--- a/template/default/bilder/fern_41.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fern_42.jpg b/template/default/bilder/fern_42.jpg
deleted file mode 100644
index 2f63a66..0000000
--- a/template/default/bilder/fern_42.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/fernseher_unten.gif b/template/default/bilder/fernseher_unten.gif
deleted file mode 100644
index 43219e3..0000000
--- a/template/default/bilder/fernseher_unten.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/folder.gif b/template/default/bilder/folder.gif
deleted file mode 100644
index e3c45a5..0000000
--- a/template/default/bilder/folder.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/folder_video.png b/template/default/bilder/folder_video.png
new file mode 100644
index 0000000..5d159d7
--- /dev/null
+++ b/template/default/bilder/folder_video.png
Binary files differ
diff --git a/template/default/bilder/frame.png b/template/default/bilder/frame.png
deleted file mode 100644
index 94485e2..0000000
--- a/template/default/bilder/frame.png
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/framed.gif b/template/default/bilder/framed.gif
deleted file mode 100644
index 0adecf2..0000000
--- a/template/default/bilder/framed.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/gbutton_right.gif b/template/default/bilder/gbutton_right.gif
index d5a55e7..314e9fe 100644
--- a/template/default/bilder/gbutton_right.gif
+++ b/template/default/bilder/gbutton_right.gif
Binary files differ
diff --git a/template/default/bilder/help.gif b/template/default/bilder/help.gif
index 095f28a..00e8aa9 100644
--- a/template/default/bilder/help.gif
+++ b/template/default/bilder/help.gif
Binary files differ
diff --git a/template/default/bilder/hilfe.gif b/template/default/bilder/hilfe.gif
deleted file mode 100644
index 8f14289..0000000
--- a/template/default/bilder/hilfe.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/info.jpg b/template/default/bilder/info.jpg
deleted file mode 100644
index de7cfc6..0000000
--- a/template/default/bilder/info.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/info_disabled.jpg b/template/default/bilder/info_disabled.jpg
deleted file mode 100644
index 7e6419e..0000000
--- a/template/default/bilder/info_disabled.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/linvdr.gif b/template/default/bilder/linvdr.gif
deleted file mode 100644
index d9d0398..0000000
--- a/template/default/bilder/linvdr.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/logo.gif b/template/default/bilder/logo.gif
deleted file mode 100644
index dfbcd2e..0000000
--- a/template/default/bilder/logo.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/luecke.gif b/template/default/bilder/luecke.gif
deleted file mode 100644
index a15ade9..0000000
--- a/template/default/bilder/luecke.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/lupe.jpg b/template/default/bilder/lupe.jpg
deleted file mode 100644
index cd2252c..0000000
--- a/template/default/bilder/lupe.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/mitte.gif b/template/default/bilder/mitte.gif
deleted file mode 100644
index 92ec6ad..0000000
--- a/template/default/bilder/mitte.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/nav_button_back.gif b/template/default/bilder/nav_button_back.gif
deleted file mode 100644
index 9287c7e..0000000
--- a/template/default/bilder/nav_button_back.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/nav_button_back_end.gif b/template/default/bilder/nav_button_back_end.gif
index b65f4ba..6f86bb6 100644
--- a/template/default/bilder/nav_button_back_end.gif
+++ b/template/default/bilder/nav_button_back_end.gif
Binary files differ
diff --git a/template/default/bilder/nav_button_back_start.gif b/template/default/bilder/nav_button_back_start.gif
new file mode 100644
index 0000000..3eba2dd
--- /dev/null
+++ b/template/default/bilder/nav_button_back_start.gif
Binary files differ
diff --git a/template/default/bilder/new_auto_timer.gif b/template/default/bilder/new_auto_timer.gif
deleted file mode 100644
index 576a062..0000000
--- a/template/default/bilder/new_auto_timer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/new_timer.gif b/template/default/bilder/new_timer.gif
deleted file mode 100644
index 5658326..0000000
--- a/template/default/bilder/new_timer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/pfeile_nachlinks.gif b/template/default/bilder/pfeile_nachlinks.gif
index 867fc2c..d4a3aa9 100644
--- a/template/default/bilder/pfeile_nachlinks.gif
+++ b/template/default/bilder/pfeile_nachlinks.gif
Binary files differ
diff --git a/template/default/bilder/pfeile_nachlinks_soft.gif b/template/default/bilder/pfeile_nachlinks_soft.gif
index 854d380..4ac7d5a 100644
--- a/template/default/bilder/pfeile_nachlinks_soft.gif
+++ b/template/default/bilder/pfeile_nachlinks_soft.gif
Binary files differ
diff --git a/template/default/bilder/pfeile_nachrechts.gif b/template/default/bilder/pfeile_nachrechts.gif
index 011511e..c88306d 100644
--- a/template/default/bilder/pfeile_nachrechts.gif
+++ b/template/default/bilder/pfeile_nachrechts.gif
Binary files differ
diff --git a/template/default/bilder/pfeile_nachrechts_soft.gif b/template/default/bilder/pfeile_nachrechts_soft.gif
index 34fb06e..6e1ca1b 100644
--- a/template/default/bilder/pfeile_nachrechts_soft.gif
+++ b/template/default/bilder/pfeile_nachrechts_soft.gif
Binary files differ
diff --git a/template/default/bilder/poempl_gelb.gif b/template/default/bilder/poempl_gelb.gif
index f79a28a..72b30e5 100644
--- a/template/default/bilder/poempl_gelb.gif
+++ b/template/default/bilder/poempl_gelb.gif
Binary files differ
diff --git a/template/default/bilder/poempl_grau.gif b/template/default/bilder/poempl_grau.gif
index c397bbc..78cf2b3 100644
--- a/template/default/bilder/poempl_grau.gif
+++ b/template/default/bilder/poempl_grau.gif
Binary files differ
diff --git a/template/default/bilder/poempl_grau2.gif b/template/default/bilder/poempl_grau2.gif
deleted file mode 100644
index db90eae..0000000
--- a/template/default/bilder/poempl_grau2.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/poempl_gruen.gif b/template/default/bilder/poempl_gruen.gif
index 541be87..1307e76 100644
--- a/template/default/bilder/poempl_gruen.gif
+++ b/template/default/bilder/poempl_gruen.gif
Binary files differ
diff --git a/template/default/bilder/poempl_rot.gif b/template/default/bilder/poempl_rot.gif
index 093bfdc..023b077 100644
--- a/template/default/bilder/poempl_rot.gif
+++ b/template/default/bilder/poempl_rot.gif
Binary files differ
diff --git a/template/default/bilder/rec.jpg b/template/default/bilder/rec.jpg
deleted file mode 100644
index 187626b..0000000
--- a/template/default/bilder/rec.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/rec_mitback.gif b/template/default/bilder/rec_mitback.gif
deleted file mode 100644
index 54e9989..0000000
--- a/template/default/bilder/rec_mitback.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/rec_mitback2.jpg b/template/default/bilder/rec_mitback2.jpg
deleted file mode 100644
index 5a70637..0000000
--- a/template/default/bilder/rec_mitback2.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/remote.swf b/template/default/bilder/remote.swf
deleted file mode 100644
index c868907..0000000
--- a/template/default/bilder/remote.swf
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/stream_mitback2.jpg b/template/default/bilder/stream_mitback2.jpg
deleted file mode 100644
index f3ff7f9..0000000
--- a/template/default/bilder/stream_mitback2.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/sum_bottom_left.gif b/template/default/bilder/sum_bottom_left.gif
new file mode 100644
index 0000000..bf78909
--- /dev/null
+++ b/template/default/bilder/sum_bottom_left.gif
Binary files differ
diff --git a/template/default/bilder/sum_bottom_mid.gif b/template/default/bilder/sum_bottom_mid.gif
new file mode 100644
index 0000000..96c2a05
--- /dev/null
+++ b/template/default/bilder/sum_bottom_mid.gif
Binary files differ
diff --git a/template/default/bilder/sum_bottom_right.gif b/template/default/bilder/sum_bottom_right.gif
new file mode 100644
index 0000000..cb64918
--- /dev/null
+++ b/template/default/bilder/sum_bottom_right.gif
Binary files differ
diff --git a/template/default/bilder/sum_find.gif b/template/default/bilder/sum_find.gif
new file mode 100644
index 0000000..5f26ec0
--- /dev/null
+++ b/template/default/bilder/sum_find.gif
Binary files differ
diff --git a/template/default/bilder/sum_info.gif b/template/default/bilder/sum_info.gif
new file mode 100644
index 0000000..b940f0e
--- /dev/null
+++ b/template/default/bilder/sum_info.gif
Binary files differ
diff --git a/template/default/bilder/sum_info_disabled.gif b/template/default/bilder/sum_info_disabled.gif
new file mode 100644
index 0000000..6ffdade
--- /dev/null
+++ b/template/default/bilder/sum_info_disabled.gif
Binary files differ
diff --git a/template/default/bilder/sum_left.gif b/template/default/bilder/sum_left.gif
new file mode 100644
index 0000000..75a8b77
--- /dev/null
+++ b/template/default/bilder/sum_left.gif
Binary files differ
diff --git a/template/default/bilder/sum_mid.gif b/template/default/bilder/sum_mid.gif
new file mode 100644
index 0000000..df5fbf2
--- /dev/null
+++ b/template/default/bilder/sum_mid.gif
Binary files differ
diff --git a/template/default/bilder/sum_rec.gif b/template/default/bilder/sum_rec.gif
new file mode 100644
index 0000000..0a01b08
--- /dev/null
+++ b/template/default/bilder/sum_rec.gif
Binary files differ
diff --git a/template/default/bilder/sum_right.gif b/template/default/bilder/sum_right.gif
new file mode 100644
index 0000000..87931f3
--- /dev/null
+++ b/template/default/bilder/sum_right.gif
Binary files differ
diff --git a/template/default/bilder/sum_top_left.gif b/template/default/bilder/sum_top_left.gif
new file mode 100644
index 0000000..4713a61
--- /dev/null
+++ b/template/default/bilder/sum_top_left.gif
Binary files differ
diff --git a/template/default/bilder/sum_top_mid.gif b/template/default/bilder/sum_top_mid.gif
new file mode 100644
index 0000000..3ec6ee6
--- /dev/null
+++ b/template/default/bilder/sum_top_mid.gif
Binary files differ
diff --git a/template/default/bilder/sum_top_right.gif b/template/default/bilder/sum_top_right.gif
new file mode 100644
index 0000000..d6b8379
--- /dev/null
+++ b/template/default/bilder/sum_top_right.gif
Binary files differ
diff --git a/template/default/bilder/sum_view.gif b/template/default/bilder/sum_view.gif
new file mode 100644
index 0000000..5dbe443
--- /dev/null
+++ b/template/default/bilder/sum_view.gif
Binary files differ
diff --git a/template/default/bilder/top.gif b/template/default/bilder/top.gif
deleted file mode 100644
index 6cf906d..0000000
--- a/template/default/bilder/top.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/top_nav_aufnahmen.gif b/template/default/bilder/top_nav_aufnahmen.gif
deleted file mode 100644
index e6ceda9..0000000
--- a/template/default/bilder/top_nav_aufnahmen.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/top_nav_fernbedienung.gif b/template/default/bilder/top_nav_fernbedienung.gif
deleted file mode 100644
index 423c3c2..0000000
--- a/template/default/bilder/top_nav_fernbedienung.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/top_nav_konf.gif b/template/default/bilder/top_nav_konf.gif
deleted file mode 100644
index 7185a15..0000000
--- a/template/default/bilder/top_nav_konf.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/top_nav_prguebersicht.gif b/template/default/bilder/top_nav_prguebersicht.gif
deleted file mode 100644
index dae2f18..0000000
--- a/template/default/bilder/top_nav_prguebersicht.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/top_nav_timer.gif b/template/default/bilder/top_nav_timer.gif
deleted file mode 100644
index d491576..0000000
--- a/template/default/bilder/top_nav_timer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/top_nav_wasjetzt.gif b/template/default/bilder/top_nav_wasjetzt.gif
deleted file mode 100644
index cff65ba..0000000
--- a/template/default/bilder/top_nav_wasjetzt.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/tv_umschalten_mitback.gif b/template/default/bilder/tv_umschalten_mitback.gif
deleted file mode 100644
index a4dca70..0000000
--- a/template/default/bilder/tv_umschalten_mitback.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/tv_umschalten_mitback2.jpg b/template/default/bilder/tv_umschalten_mitback2.jpg
deleted file mode 100644
index dfb2728..0000000
--- a/template/default/bilder/tv_umschalten_mitback2.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/uebersicht_links.gif b/template/default/bilder/uebersicht_links.gif
index f000a20..0f49c3c 100644
--- a/template/default/bilder/uebersicht_links.gif
+++ b/template/default/bilder/uebersicht_links.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_links_dark.gif b/template/default/bilder/uebersicht_links_dark.gif
index ae7b95c..3682c2a 100644
--- a/template/default/bilder/uebersicht_links_dark.gif
+++ b/template/default/bilder/uebersicht_links_dark.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_oben.gif b/template/default/bilder/uebersicht_oben.gif
index aee9a61..4e50206 100644
--- a/template/default/bilder/uebersicht_oben.gif
+++ b/template/default/bilder/uebersicht_oben.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_oben_links.gif b/template/default/bilder/uebersicht_oben_links.gif
index 6cdadcc..885b668 100644
--- a/template/default/bilder/uebersicht_oben_links.gif
+++ b/template/default/bilder/uebersicht_oben_links.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_oben_links_selected.gif b/template/default/bilder/uebersicht_oben_links_selected.gif
deleted file mode 100644
index 801b384..0000000
--- a/template/default/bilder/uebersicht_oben_links_selected.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/uebersicht_oben_rechts.gif b/template/default/bilder/uebersicht_oben_rechts.gif
index 9cff0fe..1c5c035 100644
--- a/template/default/bilder/uebersicht_oben_rechts.gif
+++ b/template/default/bilder/uebersicht_oben_rechts.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_oben_rechts_selected.gif b/template/default/bilder/uebersicht_oben_rechts_selected.gif
deleted file mode 100644
index 7ef540f..0000000
--- a/template/default/bilder/uebersicht_oben_rechts_selected.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/uebersicht_oben_selected.gif b/template/default/bilder/uebersicht_oben_selected.gif
index 38538fc..ecb49ff 100644
--- a/template/default/bilder/uebersicht_oben_selected.gif
+++ b/template/default/bilder/uebersicht_oben_selected.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_rechts.gif b/template/default/bilder/uebersicht_rechts.gif
index e53b69c..067d34b 100644
--- a/template/default/bilder/uebersicht_rechts.gif
+++ b/template/default/bilder/uebersicht_rechts.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_rechts_dark.gif b/template/default/bilder/uebersicht_rechts_dark.gif
index 43d4c87..0c2dc16 100644
--- a/template/default/bilder/uebersicht_rechts_dark.gif
+++ b/template/default/bilder/uebersicht_rechts_dark.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_spacer.gif b/template/default/bilder/uebersicht_spacer.gif
deleted file mode 100644
index 5bfd67a..0000000
--- a/template/default/bilder/uebersicht_spacer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/bilder/uebersicht_unten.gif b/template/default/bilder/uebersicht_unten.gif
index 6854d20..cadbf77 100644
--- a/template/default/bilder/uebersicht_unten.gif
+++ b/template/default/bilder/uebersicht_unten.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_unten_links.gif b/template/default/bilder/uebersicht_unten_links.gif
index 55d82db..06e3397 100644
--- a/template/default/bilder/uebersicht_unten_links.gif
+++ b/template/default/bilder/uebersicht_unten_links.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_unten_rechts.gif b/template/default/bilder/uebersicht_unten_rechts.gif
index c836b47..471a090 100644
--- a/template/default/bilder/uebersicht_unten_rechts.gif
+++ b/template/default/bilder/uebersicht_unten_rechts.gif
Binary files differ
diff --git a/template/default/bilder/uebersicht_unten_selected.gif b/template/default/bilder/uebersicht_unten_selected.gif
index 6d0fe5f..d66bc8d 100644
--- a/template/default/bilder/uebersicht_unten_selected.gif
+++ b/template/default/bilder/uebersicht_unten_selected.gif
Binary files differ
diff --git a/template/default/config.html b/template/default/config.html
index 7b21426..2f6e104 100644
--- a/template/default/config.html
+++ b/template/default/config.html
@@ -4,23 +4,26 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! Configuration !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
<body id="config">
<form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="300" background="bilder/nav_button_back.gif">
+ <td class="col_left"></td>
+ <td class="col_title">
<h1><%! Configuration !%></h1>
</td>
- <td colspan="2" align="right" background="bilder/nav_button_back_mitte.gif"></td>
<tmpl_if name="help_url">
- <td align="right" width="35" background="bilder/nav_button_back_mitte.gif">
- <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" align="right" valign="top" alt="help" title="<%! Help !%>" /></a>
+ <td class="col_help">
+ <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" alt="help" title="<%! Help !%>" /></a>
</td>
</tmpl_if>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
+ <td class="col_right"></td>
</tr>
</table>
@@ -28,362 +31,396 @@
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! General Settings !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! General Settings !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
<!-- Only one template, so no need to chose
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Template: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte.gif">
- <select name="TEMPLATE" size="1">
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Template: !%></h5></td>
+ <td class="col_value">
+ <select class="submit" name="TEMPLATE">
<tmpl_loop name="TEMPLATELIST">
<option value="<tmpl_var name>" <tmpl_if aktemplate> selected</tmpl_if>><tmpl_var name></option>
</tmpl_loop>
</select>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
-->
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Skin: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte.gif">
- <select name="SKIN" size="1">
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Skin: !%></h5></td>
+ <td class="col_value">
+ <select class="submit" name="SKIN">
<tmpl_loop name="SKINLIST">
<option value="<tmpl_var name>" <tmpl_if sel> selected</tmpl_if>><tmpl_var name></option>
</tmpl_loop>
</select>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Login Page: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte_dark.gif">
- <select name="LOGINPAGE" size="1">
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Login Page: !%></h5></td>
+ <td class="col_value">
+ <select class="submit" name="LOGINPAGE">
<tmpl_loop name="LOGINPAGES">
<option value="<tmpl_var id>" <tmpl_if current> selected</tmpl_if>><tmpl_var name></option>
</tmpl_loop>
</select>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25" title="<%! Gets active after restarting VDRAdmin !%>">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Number of channels to use: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="EPG_PRUNE" value="<tmpl_var EPG_PRUNE>" size="5" maxlength="25" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <tr class="row_odd" title="<%! Gets active after restarting VDRAdmin !%>">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Number of channels to use: !%></h5></td>
+ <td class="col_value"><input type="text" name="EPG_PRUNE" value="<tmpl_var EPG_PRUNE>" size="5" maxlength="25" /></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Local net (no login required): !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="LOCAL_NET" value="<tmpl_var LOCAL_NET>" size="20" maxlength="50" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Local net (no login required): !%></h5></td>
+ <td class="col_value"><input type="text" name="LOCAL_NET" value="<tmpl_var LOCAL_NET>" size="20" maxlength="50" /></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! VDR !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Number of DVB Cards: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="RECORDINGS" value="<tmpl_var RECORDINGS>" size="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Path to recordings: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="VIDEODIR" value="<tmpl_var VIDEODIR>" size="20" maxlength="256" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Path to configuration files: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="VDRCONFDIR" value="<tmpl_var VDRCONFDIR>" size="20" maxlength="256" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! VDR !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Number of DVB cards: !%></h5></td>
+ <td class="col_value"><input type="text" name="RECORDINGS" value="<tmpl_var RECORDINGS>" size="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Path to recordings: !%></h5></td>
+ <td class="col_value"><input type="text" name="VIDEODIR" value="<tmpl_var VIDEODIR>" size="20" maxlength="256" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Path to configuration files: !%></h5></td>
+ <td class="col_value"><input type="text" name="VDRCONFDIR" value="<tmpl_var VDRCONFDIR>" size="20" maxlength="256" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! Identification !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Username: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="USERNAME" value="<tmpl_var USERNAME>" size="12" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Password: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="password" name="PASSWORD" value="<tmpl_var PASSWORD>" size="12" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Guest Account: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="GUEST_ACCOUNT" value="1" <tmpl_if guest_account>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="GUEST_ACCOUNT" value="0" <tmpl_unless guest_account>checked</tmpl_unless> /> <%! No !%>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! Identification !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Username: !%></h5></td>
+ <td class="col_value"><input type="text" name="USERNAME" value="<tmpl_var USERNAME>" size="12" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Password: !%></h5></td>
+ <td class="col_value"><input type="password" name="PASSWORD" value="<tmpl_var PASSWORD>" size="12" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Guest Account: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="GUEST_ACCOUNT" value="1" id="guest_yes" <tmpl_if guest_account>checked</tmpl_if> /><label for="guest_yes"><%! Yes !%></label>
+ <input type="radio" name="GUEST_ACCOUNT" value="0" id="guest_no" <tmpl_unless guest_account>checked</tmpl_unless> /><label for="guest_no"><%! No !%></label>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Guest Username: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="USERNAME_GUEST" value="<tmpl_var USERNAME_GUEST>" size="12" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Guest Username: !%></h5></td>
+ <td class="col_value"><input type="text" name="USERNAME_GUEST" value="<tmpl_var USERNAME_GUEST>" size="12" /></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Guest Password: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte.gif"><input type="password" name="PASSWORD_GUEST" value="<tmpl_var PASSWORD_GUEST>" size="12" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Guest Password: !%></h5></td>
+ <td class="col_value"><input type="password" name="PASSWORD_GUEST" value="<tmpl_var PASSWORD_GUEST>" size="12" /></td>
+ <td class="col_right"></td>
</tr>
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30" height="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! Timeline !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Hours: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="ZEITRAHMEN" value="<tmpl_var ZEITRAHMEN>" size="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Times: !%></h5></td>
- <td width="40%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="TIMES" value="<tmpl_var TIMES>" size="20" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30" height="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! Timeline !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Hours: !%></h5></td>
+ <td class="col_value"><input type="text" name="ZEITRAHMEN" value="<tmpl_var ZEITRAHMEN>" size="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Times: !%></h5></td>
+ <td class="col_value"><input type="text" name="TIMES" value="<tmpl_var TIMES>" size="20" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
</td>
<td width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! AutoTimer !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif">&nbsp;</td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Active: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="AT_FUNC" value="1" <tmpl_if at_func>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="AT_FUNC" value="0" <tmpl_unless at_func>checked</tmpl_unless> /> <%! No !%>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! AutoTimer !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Active: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="AT_FUNC" value="1" id="at_yes" <tmpl_if at_func>checked</tmpl_if> /><label for="at_yes"><%! Yes !%></label>
+ <input type="radio" name="AT_FUNC" value="0" id="at_no" <tmpl_unless at_func>checked</tmpl_unless> /><label for="at_no"><%! No !%></label>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Timeout: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="AT_TIMEOUT" value="<tmpl_var AT_TIMEOUT>" size="4" /> <%! minutes !%></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Priority: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="AT_PRIORITY" value="<tmpl_var AT_PRIORITY>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Lifetime: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="AT_LIFETIME" value="<tmpl_var AT_LIFETIME>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Timeout: !%></h5></td>
+ <td class="col_value"><input type="text" name="AT_TIMEOUT" value="<tmpl_var AT_TIMEOUT>" size="4" /> <%! minutes !%></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Priority: !%></h5></td>
+ <td class="col_value"><input type="text" name="AT_PRIORITY" value="<tmpl_var AT_PRIORITY>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Lifetime: !%></h5></td>
+ <td class="col_value"><input type="text" name="AT_LIFETIME" value="<tmpl_var AT_LIFETIME>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
</tr>
<!--
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Time Margin at Start: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="AT_MARGIN_BEGIN" value="<tmpl_var AT_MARGIN_BEGIN>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Time Margin at Stop: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="AT_MARGIN_END" value="<tmpl_var AT_MARGIN_END>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
-// -->
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Time Margin at Start: !%></h5></td>
+ <td class="col_value"><input type="text" name="AT_MARGIN_BEGIN" value="<tmpl_var AT_MARGIN_BEGIN>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Time Margin at Stop: !%></h5></td>
+ <td class="col_value"><input type="text" name="AT_MARGIN_END" value="<tmpl_var AT_MARGIN_END>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+-->
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! Timer !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Priority: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="TM_PRIORITY" value="<tmpl_var TM_PRIORITY>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Lifetime: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="TM_LIFETIME" value="<tmpl_var TM_LIFETIME>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Time Margin at Start: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="TM_MARGIN_BEGIN" value="<tmpl_var TM_MARGIN_BEGIN>" size="3" /> <%! minutes !%></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Time Margin at Stop: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="TM_MARGIN_END" value="<tmpl_var TM_MARGIN_END>" size="3" /> <%! minutes !%></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! Timer !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Priority: !%></h5></td>
+ <td class="col_value"><input type="text" name="TM_PRIORITY" value="<tmpl_var TM_PRIORITY>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Lifetime: !%></h5></td>
+ <td class="col_value"><input type="text" name="TM_LIFETIME" value="<tmpl_var TM_LIFETIME>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Time Margin at Start: !%></h5></td>
+ <td class="col_value"><input type="text" name="TM_MARGIN_BEGIN" value="<tmpl_var TM_MARGIN_BEGIN>" size="3" /> <%! minutes !%></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Time Margin at Stop: !%></h5></td>
+ <td class="col_value"><input type="text" name="TM_MARGIN_END" value="<tmpl_var TM_MARGIN_END>" size="3" /> <%! minutes !%></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
<tmpl_if ST_FUNC>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! Streaming !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Live Streaming: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="ST_LIVE_ON" value="1" <tmpl_if ST_LIVE_ON>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="ST_LIVE_ON" value="0" <tmpl_unless ST_LIVE_ON>checked</tmpl_unless> /> <%! No !%>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! Streaming !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Live Streaming: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="ST_LIVE_ON" value="1" id="live_yes" <tmpl_if ST_LIVE_ON>checked</tmpl_if> /><label for="live_yes"><%! Yes !%></label>
+ <input type="radio" name="ST_LIVE_ON" value="0" id="live_no" <tmpl_unless ST_LIVE_ON>checked</tmpl_unless> /><label for="live_no"><%! No !%></label>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! HTTP Port of Streamdev (also possible 3000/ts): !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="ST_STREAMDEV_PORT" value="<tmpl_var ST_STREAMDEV_PORT>" size="10" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Recordings Streaming: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="ST_REC_ON" value="1" <tmpl_if ST_REC_ON>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="ST_REC_ON" value="0" <tmpl_unless ST_REC_ON>checked</tmpl_unless> /> <%! No !%>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! HTTP Port of Streamdev (also possible 3000/ts): !%></h5></td>
+ <td class="col_value"><input type="text" name="ST_STREAMDEV_PORT" value="<tmpl_var ST_STREAMDEV_PORT>" size="10" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Recordings Streaming: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="ST_REC_ON" value="1" id="rec_yes" <tmpl_if ST_REC_ON>checked</tmpl_if> /><label for="rec_yes"><%! Yes !%></label>
+ <input type="radio" name="ST_REC_ON" value="0" id="rec_no" <tmpl_unless ST_REC_ON>checked</tmpl_unless> /><label for="rec_no"><%! No !%></label>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Path to VDR Recordings on your workstation: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="ST_VIDEODIR" value="<tmpl_var ST_VIDEODIR>" size="20" maxlength="256" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Path to VDR Recordings on your workstation: !%></h5></td>
+ <td class="col_value"><input type="text" name="ST_VIDEODIR" value="<tmpl_var ST_VIDEODIR>" size="20" maxlength="256" /></td>
+ <td class="col_right"></td>
</tr>
<!-- not (yet?) supported
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Bandwidth of Streams: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif">
- <select name="STREAMTYPE" size="1">
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Bandwidth of Streams: !%></h5></td>
+ <td class="col_value">
+ <select class="submit" name="STREAMTYPE">
<tmpl_loop name="STREAMTYPELIST">
<option value="<tmpl_var name>" <tmpl_if sel> selected</tmpl_if>><tmpl_var name></option>
</tmpl_loop>
</select>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <td class="col_right"></td>
</tr>
-->
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
</tmpl_if>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_oben.gif"><h2><%! Expert !%></h2></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25" title="<%! Gets active after restarting VDRAdmin !%>">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Read EPG directly using epg.data: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="EPG_DIRECT" value="1" <tmpl_if EPG_DIRECT>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="EPG_DIRECT" value="0" <tmpl_unless EPG_DIRECT>checked</tmpl_unless> /> <%! No !%>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"><h2><%! Expert !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd" title="<%! Gets active after restarting VDRAdmin !%>">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Read EPG directly using epg.data: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="EPG_DIRECT" value="1" id="epg_yes" <tmpl_if EPG_DIRECT>checked</tmpl_if> /><label for="epg_yes"><%! Yes !%></label>
+ <input type="radio" name="EPG_DIRECT" value="0" id="epg_no" <tmpl_unless EPG_DIRECT>checked</tmpl_unless> /><label for="epg_no"><%! No !%></label>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! epg.data filename: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="EPG_FILENAME" value="<tmpl_var EPG_FILENAME>" size="20" maxlength="256" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Number of columns in "What's On Now": !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="PROG_SUMMARY_COLS" value="<tmpl_var PROG_SUMMARY_COLS>" size="3" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! VFAT: !%></h5></td>
- <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="radio" name="VDRVFAT" value="1" <tmpl_if VDRVFAT>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="VDRVFAT" value="0" <tmpl_unless VDRVFAT>checked</tmpl_unless> /> <%! No !%>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! epg.data filename: !%></h5></td>
+ <td class="col_value"><input type="text" name="EPG_FILENAME" value="<tmpl_var EPG_FILENAME>" size="20" maxlength="256" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! VFAT: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="VDRVFAT" value="1" id="vfat_yes" <tmpl_if VDRVFAT>checked</tmpl_if> /><label for="vfat_yes"><%! Yes !%></label>
+ <input type="radio" name="VDRVFAT" value="0" id="vfat_no" <tmpl_unless VDRVFAT>checked</tmpl_unless> /><label for="vfat_no"><%! No !%></label>
</td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
</td>
@@ -392,84 +429,84 @@
<tr>
<td colspan="3">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_oben.gif"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td width="40%" height="30" background="bilder/uebersicht_oben.gif"><h2><%! Channel Selections !%></h2></td>
- <td height="30" background="bilder/uebersicht_oben.gif">&nbsp;</td>
- <td width="45%" height="30" background="bilder/uebersicht_oben.gif">&nbsp;</td>
- <td width="30" height="30" background="bilder/uebersicht_oben.gif"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_links.gif"></td>
- <td width="40%" height="30" background="bilder/uebersicht_mitte.gif"><h5><%! In "Timeline"? !%></h5></td>
- <td colspan="2" height="30" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="CHANNELS_WANTED_TIMELINE" value="1" <tmpl_if CHANNELS_WANTED_TIMELINE>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="CHANNELS_WANTED_TIMELINE" value="0" <tmpl_unless CHANNELS_WANTED_TIMELINE>checked</tmpl_unless> /> <%! No !%>
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="3"><h2><%! Channel Selections !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="3"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! In "Timeline"? !%></h5></td>
+ <td class="col_value" colspan="2">
+ <input type="radio" name="CHANNELS_WANTED_TIMELINE" value="1" id="tl_yes" <tmpl_if CHANNELS_WANTED_TIMELINE>checked</tmpl_if> /><label for="tl_yes"><%! Yes !%></label>
+ <input type="radio" name="CHANNELS_WANTED_TIMELINE" value="0" id="tl_no" <tmpl_unless CHANNELS_WANTED_TIMELINE>checked</tmpl_unless> /><label for="tl_no"><%! No !%></label>
</td>
- <td width="30" height="30" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_links_dark.gif"></td>
- <td width="40%" height="30" background="bilder/uebersicht_mitte_dark.gif"><h5><%! In "Channels" / "Playing Today"? !%></h5></td>
- <td colspan="2" height="30" background="bilder/uebersicht_mitte_dark.gif">
- <input type="radio" name="CHANNELS_WANTED_PRG" value="1" <tmpl_if CHANNELS_WANTED_PRG>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="CHANNELS_WANTED_PRG" value="0" <tmpl_unless CHANNELS_WANTED_PRG>checked</tmpl_unless> /> <%! No !%>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! In "Channels" / "Playing Today"? !%></h5></td>
+ <td class="col_value" colspan="2">
+ <input type="radio" name="CHANNELS_WANTED_PRG" value="1" id="prg_yes" <tmpl_if CHANNELS_WANTED_PRG>checked</tmpl_if> /><label for="prg_yes"><%! Yes !%></label>
+ <input type="radio" name="CHANNELS_WANTED_PRG" value="0" id="prg_no"<tmpl_unless CHANNELS_WANTED_PRG>checked</tmpl_unless> /><label for="prg_no"><%! No !%> </label>
</td>
- <td width="30" height="30" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_links.gif"></td>
- <td width="40%" height="30" background="bilder/uebersicht_mitte.gif"><h5><%! In "What's On Now"? !%></h5></td>
- <td colspan="2" height="30" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="CHANNELS_WANTED_SUMMARY" value="1" <tmpl_if CHANNELS_WANTED_SUMMARY>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="CHANNELS_WANTED_SUMMARY" value="0" <tmpl_unless CHANNELS_WANTED_SUMMARY>checked</tmpl_unless> /> <%! No !%>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! In "What's On Now"? !%></h5></td>
+ <td class="col_value" colspan="2">
+ <input type="radio" name="CHANNELS_WANTED_SUMMARY" value="1" id="sum_yes" <tmpl_if CHANNELS_WANTED_SUMMARY>checked</tmpl_if> /><label for="sum_yes"><%! Yes !%></label>
+ <input type="radio" name="CHANNELS_WANTED_SUMMARY" value="0" id="sum_no" <tmpl_unless CHANNELS_WANTED_SUMMARY>checked</tmpl_unless> /><label for="sum_no"><%! No !%></label>
</td>
- <td width="30" height="30" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_links_dark.gif"></td>
- <td width="40%" height="30" background="bilder/uebersicht_mitte_dark.gif"><h5><%! In "AutoTimer"? !%><h5></td>
- <td colspan="2" height="30" background="bilder/uebersicht_mitte_dark.gif">
- <input type="radio" name="CHANNELS_WANTED_AUTOTIMER" value="1" <tmpl_if CHANNELS_WANTED_AUTOTIMER>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="CHANNELS_WANTED_AUTOTIMER" value="0" <tmpl_unless CHANNELS_WANTED_AUTOTIMER>checked</tmpl_unless> /> <%! No !%>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! In "AutoTimer"? !%><h5></td>
+ <td class="col_value" colspan="2">
+ <input type="radio" name="CHANNELS_WANTED_AUTOTIMER" value="1" id="wat_yes" <tmpl_if CHANNELS_WANTED_AUTOTIMER>checked</tmpl_if> /><label for="wat_yes"><%! Yes !%></label>
+ <input type="radio" name="CHANNELS_WANTED_AUTOTIMER" value="0" id="wat_no" <tmpl_unless CHANNELS_WANTED_AUTOTIMER>checked</tmpl_unless> /><label for="wat_no"><%! No !%></label>
</td>
- <td width="30" height="30" background="bilder/uebersicht_rechts_dark.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td width="40%" align="center" background="bilder/uebersicht_mitte.gif">
- <br />
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_channels">
<select name="all_channels" size="8" multiple>
<tmpl_loop name="ALL_CHANNELS">
<option value="<tmpl_var vdr_id>"><tmpl_var name></option>
</tmpl_loop>
</select>
</td>
- <td align="center" valign="middle" background="bilder/uebersicht_mitte.gif">
- <input type="submit" class="submit" name="submit" value="&gt;&gt;&gt;&gt;&gt;" /><br />
- <input type="submit" class="submit" name="submit" value="&lt;&lt;&lt;&lt;&lt;" />
+ <td>
+ <input type="submit" class="submit" name="submit" value="&gt;&gt;&gt;&gt;&gt;" /><br />
+ <input type="submit" class="submit" name="submit" value="&lt;&lt;&lt;&lt;&lt;" />
</td>
- <td width="45%" align="center" background="bilder/uebersicht_mitte.gif">
- <br />
+ <td class="col_wanted_channels">
<select name="selected_channels" size="8" multiple>
<tmpl_loop name="SELECTED_CHANNELS">
<option value="<tmpl_var vdr_id>"><tmpl_var name></option>
</tmpl_loop>
</select>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_links.gif"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td width="40%" height="30" background="bilder/uebersicht_unten.gif"></td>
- <td height="30" background="bilder/uebersicht_unten.gif"></td>
- <td width="45%" height="30" background="bilder/uebersicht_unten.gif"></td>
- <td width="30" height="30" background="bilder/uebersicht_rechts.gif"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="3"></td>
+ <td class="col_right"></td>
</tr>
</table>
</td>
</tr>
</table>
+
<div id="buttons">
<input type="submit" class="submit" name="save" value="<%! Save !%>" />
<input type="submit" class="submit" name="apply" value="<%! Apply !%>" />
diff --git a/template/default/copper/aktion.png b/template/default/copper/aktion.png
new file mode 100644
index 0000000..ea9f270
--- /dev/null
+++ b/template/default/copper/aktion.png
Binary files differ
diff --git a/template/default/copper/auge.jpg b/template/default/copper/auge.jpg
deleted file mode 100644
index d672cb5..0000000
--- a/template/default/copper/auge.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/background.gif b/template/default/copper/background.gif
deleted file mode 100644
index 39de587..0000000
--- a/template/default/copper/background.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/cback.gif b/template/default/copper/cback.gif
deleted file mode 100644
index 37d6a24..0000000
--- a/template/default/copper/cback.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/cback.png b/template/default/copper/cback.png
deleted file mode 100644
index e5e274d..0000000
--- a/template/default/copper/cback.png
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_01.jpg b/template/default/copper/fern_01.jpg
deleted file mode 100644
index ac28f0e..0000000
--- a/template/default/copper/fern_01.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_02.jpg b/template/default/copper/fern_02.jpg
deleted file mode 100644
index 80af1e7..0000000
--- a/template/default/copper/fern_02.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_04.jpg b/template/default/copper/fern_04.jpg
deleted file mode 100644
index 641fd1c..0000000
--- a/template/default/copper/fern_04.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_14.jpg b/template/default/copper/fern_14.jpg
deleted file mode 100644
index 9950ed0..0000000
--- a/template/default/copper/fern_14.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_16.jpg b/template/default/copper/fern_16.jpg
deleted file mode 100644
index 1d366e8..0000000
--- a/template/default/copper/fern_16.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_17.jpg b/template/default/copper/fern_17.jpg
deleted file mode 100644
index 08030a8..0000000
--- a/template/default/copper/fern_17.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_20.jpg b/template/default/copper/fern_20.jpg
deleted file mode 100644
index 6385d08..0000000
--- a/template/default/copper/fern_20.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_21.jpg b/template/default/copper/fern_21.jpg
deleted file mode 100644
index 89a2d18..0000000
--- a/template/default/copper/fern_21.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_26.jpg b/template/default/copper/fern_26.jpg
deleted file mode 100644
index 1ca6fd6..0000000
--- a/template/default/copper/fern_26.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_27.jpg b/template/default/copper/fern_27.jpg
deleted file mode 100644
index 0c297f9..0000000
--- a/template/default/copper/fern_27.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_29.jpg b/template/default/copper/fern_29.jpg
deleted file mode 100644
index 06a59c5..0000000
--- a/template/default/copper/fern_29.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_30.jpg b/template/default/copper/fern_30.jpg
deleted file mode 100644
index c71ebc5..0000000
--- a/template/default/copper/fern_30.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_34.jpg b/template/default/copper/fern_34.jpg
deleted file mode 100644
index f9f9253..0000000
--- a/template/default/copper/fern_34.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_35.jpg b/template/default/copper/fern_35.jpg
deleted file mode 100644
index f7038ff..0000000
--- a/template/default/copper/fern_35.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_37.jpg b/template/default/copper/fern_37.jpg
deleted file mode 100644
index 614c86a..0000000
--- a/template/default/copper/fern_37.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_38.jpg b/template/default/copper/fern_38.jpg
deleted file mode 100644
index 120773e..0000000
--- a/template/default/copper/fern_38.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_41.jpg b/template/default/copper/fern_41.jpg
deleted file mode 100644
index 4e4002e..0000000
--- a/template/default/copper/fern_41.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fern_42.jpg b/template/default/copper/fern_42.jpg
deleted file mode 100644
index 9cd5047..0000000
--- a/template/default/copper/fern_42.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/fernseher_unten.gif b/template/default/copper/fernseher_unten.gif
deleted file mode 100644
index 9c25460..0000000
--- a/template/default/copper/fernseher_unten.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/folder.gif b/template/default/copper/folder.gif
deleted file mode 100644
index 768d8c9..0000000
--- a/template/default/copper/folder.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/folder_video.png b/template/default/copper/folder_video.png
new file mode 100644
index 0000000..6b08a90
--- /dev/null
+++ b/template/default/copper/folder_video.png
Binary files differ
diff --git a/template/default/copper/frame.gif b/template/default/copper/frame.gif
deleted file mode 100644
index 4616aac..0000000
--- a/template/default/copper/frame.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/framed.gif b/template/default/copper/framed.gif
deleted file mode 100644
index de2bae9..0000000
--- a/template/default/copper/framed.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/hilfe.gif b/template/default/copper/hilfe.gif
deleted file mode 100644
index efdf704..0000000
--- a/template/default/copper/hilfe.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/info.jpg b/template/default/copper/info.jpg
deleted file mode 100644
index b58efb8..0000000
--- a/template/default/copper/info.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/info_disabled.jpg b/template/default/copper/info_disabled.jpg
deleted file mode 100644
index e722081..0000000
--- a/template/default/copper/info_disabled.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/linvdr.gif b/template/default/copper/linvdr.gif
deleted file mode 100644
index 2196a8f..0000000
--- a/template/default/copper/linvdr.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/logo.gif b/template/default/copper/logo.gif
deleted file mode 100644
index 1a3969a..0000000
--- a/template/default/copper/logo.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/luecke.gif b/template/default/copper/luecke.gif
deleted file mode 100644
index 44bbac7..0000000
--- a/template/default/copper/luecke.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/lupe.jpg b/template/default/copper/lupe.jpg
deleted file mode 100644
index 2d84a81..0000000
--- a/template/default/copper/lupe.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/mitte.gif b/template/default/copper/mitte.gif
deleted file mode 100644
index 8f01e3b..0000000
--- a/template/default/copper/mitte.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/nav_button_back.gif b/template/default/copper/nav_button_back.gif
deleted file mode 100644
index 1f92ea2..0000000
--- a/template/default/copper/nav_button_back.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/nav_button_back_start.gif b/template/default/copper/nav_button_back_start.gif
new file mode 100644
index 0000000..4f0aa02
--- /dev/null
+++ b/template/default/copper/nav_button_back_start.gif
Binary files differ
diff --git a/template/default/copper/navi.css b/template/default/copper/navi.css
deleted file mode 100644
index 721b102..0000000
--- a/template/default/copper/navi.css
+++ /dev/null
@@ -1,6 +0,0 @@
-* { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; }
-input { color: black; font-weight: normal; font-size: 11px; }
-td { color: black; font-size: 11px; }
-a { color: black; font-weight: bold; text-decoration: none }
-a:hover { font-size: 13px; color: #ff0000 }
-.navi { margin-left: 0.5em; font-size: 10px; }
diff --git a/template/default/copper/new_auto_timer.gif b/template/default/copper/new_auto_timer.gif
deleted file mode 100644
index 2faae73..0000000
--- a/template/default/copper/new_auto_timer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/new_timer.gif b/template/default/copper/new_timer.gif
deleted file mode 100644
index 3cd51c2..0000000
--- a/template/default/copper/new_timer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/rec.jpg b/template/default/copper/rec.jpg
deleted file mode 100644
index 140e45b..0000000
--- a/template/default/copper/rec.jpg
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/rec_mitback.gif b/template/default/copper/rec_mitback.gif
deleted file mode 100644
index eaff79a..0000000
--- a/template/default/copper/rec_mitback.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/separator.gif b/template/default/copper/separator.gif
deleted file mode 100644
index 2e76fda..0000000
--- a/template/default/copper/separator.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/style.css b/template/default/copper/style.css
index de0eb43..d86876e 100644
--- a/template/default/copper/style.css
+++ b/template/default/copper/style.css
@@ -1,13 +1,15 @@
* { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; }
#rc, #tv { background-color: black; margin: 0px; }
body { background-color: #d9cdc1; margin: 3px; }
+form { margin: 0px; }
td { color: black; font-weight: normal; font-size: 11px; }
input { background-color: #f9f7f6; color: black; font-weight: normal; font-size: 11px; }
textarea { background-color: #f9f7f6; color: black; font-weight: normal; font-size: 11px; }
select { background-color: #f9f7f6; color: black; font-weight: normal; font-size: 11px; }
b { font-weight: bold }
i { font-style: italic }
-.gbutton { color: black; font-weight: bold }
+.gbutton { color: black; font-weight: bold }
+.submit, select[size="1"] { height: 20px; }
h1 { margin-right: 12px; margin-left: 12px; font-size: 13px; font-weight: bold; color: black; display: inline; }
h2 { margin: 0px; font-size: 11px; font-weight: bold; color: black; }
@@ -15,35 +17,110 @@ h3 { margin: 0px 0px; font-size: 11px; font-weight: bold; color: black; }
h4 { margin: 0px 0px; font-size: 11px; font-weight: normal; font-style: italic; color: black; }
h5 { margin: 1px 5px; font-size: 11px; font-weight: normal; color: black; text-align: right; }
+label { cursor: default; }
+
a, a:visited, a:active { color: #039; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: none; }
+label + input { margin-left: 1em; }
#tv input, #tv select, #tv h5 { font-weight: normal; font-size: 9px; display: inline; }
#prog_list h2 { display: inline; }
#prog_summary .heading div { margin: 10px 12px; }
#prog_summary .content { margin-right: 12px; margin-left: 12px }
#prog_summary h2 { display: inline; }
-#rec_list .list_row .name div { font-weight: bold; }
+#rec_list .col_name div { font-weight: bold; }
#error h2 { font-size: 11px; color: red; }
-.list_heading h2 { margin-right: 5px; margin-left: 6px; white-space: nowrap; }
-.list_row td div { margin: 3px 5px 0px 5px; white-space: nowrap; }
-.list_row td.name div { margin: 3px 5px 0px 5px; white-space: normal; }
+.heading { height: 30px; }
+.row_spacer td { height: 10px; }
+.row_odd, .row_even { height: 25px; }
+.col_left, .col_right { width: 30px; height: 25px; }
+.col_channels { text-align: right; padding: 10px; width: 40%; }
+.col_wanted_channels { text-align: left; padding: 10px; width: 40%; }
+.col_navi { text-align: right; }
+
+.heading td[selected] { background-image: url("bilder/uebersicht_oben_selected.gif"); }
+.heading td { background-image: url("bilder/uebersicht_oben.gif"); }
+#prog_summary .heading td { background-image: none; }
+.heading .col_left { background-image: url("bilder/uebersicht_oben_links.gif"); }
+.heading .col_right { background-image: url("bilder/uebersicht_oben_rechts.gif"); }
+.row_even>td[selected] { background-image: url("bilder/uebersicht_mitte_dark_selected.gif"); }
+.row_even>td { background-image: url("bilder/uebersicht_mitte_dark.gif"); }
+.row_even>.col_left { width: 30px; background-image: url("bilder/uebersicht_links_dark.gif"); }
+.row_even>.col_right { width: 30px; background-image: url("bilder/uebersicht_rechts_dark.gif"); }
+.row_odd>td[selected], .row_spacer>td[selected] { background-image: url("bilder/uebersicht_mitte_selected.gif"); }
+.row_odd>td, .row_spacer>td { background-image: url("bilder/uebersicht_mitte.gif"); }
+.row_odd>.col_left, .row_spacer>.col_left { width: 30px; background-image: url("bilder/uebersicht_links.gif"); }
+.row_odd>.col_right, .row_spacer>.col_right { width: 30px; background-image: url("bilder/uebersicht_rechts.gif"); }
+.footer>td[selected] { height: 30px; background-image: url("bilder/uebersicht_unten_selected.gif"); }
+.footer>td { height: 30px; background-image: url("bilder/uebersicht_unten.gif"); }
+.footer>.col_left { width: 30px; background-image: url("bilder/uebersicht_unten_links.gif"); }
+.footer>.col_right { width: 30px; background-image: url("bilder/uebersicht_unten_rechts.gif"); }
+
+.heading h2 { margin-right: 5px; margin-left: 6px; white-space: nowrap; }
+.row_odd td div, .row_even td div { margin: 3px 5px 0px 5px; white-space: nowrap; }
+
+.col_duration { width: 170px; vertical-align: top; }
+.col_title { vertical-align: top; }
+.col_info, .col_record { width: 65px; }
+.col_active, .col_stream { width: 70px; }
+.col_channel { width: 120px; }
+.col_start, .col_stop, .col_date, .col_time { width: 60px; text-align: right; }
+.col_total, .col_new { width: 10px; text-align: center; padding-left: 3px; padding-right: 3px; }
+.col_edit, .col_delete, .col_checkbox { text-align: center; width: 30px; }
+.col_name div, .col_title div { white-space: normal; }
+
+#heading { height: 39px; }
+#heading tr, #heading td { vertical-align: middle; }
+#heading .col_left { width: 15px; background-image: url("bilder/nav_button_back_start.gif"); }
+#heading .col_title { background-image: url("bilder/nav_button_back_mitte.gif"); }
+#heading .col_other { text-align: right; background-image: url("bilder/nav_button_back_mitte.gif"); }
+#heading .col_other span { float: right; }
+#heading .col_help { text-align: center; width: 45px; background-image: url("bilder/nav_button_back_mitte.gif"); }
+#heading .col_right { width: 15px; background-image: url("bilder/nav_button_back_end.gif"); }
-.color1 { background-color: #e7e5e4; }
-.color2 { background-color: #f2eeea; }
#prog_timeline #prgtable { border-left-color:#c4cdd7; border-bottom-color:#c4cdd7; }
#prog_timeline #timertable { background:red; border-left-color:#ffcdd7; border-bottom-color:#ffcdd7; }
#prog_timeline #timeline { background:red; }
-#prog_timeline .col_current { background-color: #e6eee9; }
-#prog_timeline .col_broadcast { background-color: #f7fffa; }
-#prog_timeline .col_timer { background-color: #ffeee9; }
-#timer_list .col_ok { background-color: #00a317; }
-#timer_list .col_conflict { background-color: #a11917; }
-#timer_list .col_collision { background-color: #858585; }
-#timer_list .col_inactive { background-color: #858585; }
+#prog_timeline .color_current { background-color: #e6eee9; }
+#prog_timeline .color_broadcast { background-color: #f7fffa; }
+#prog_timeline .color_timer { background-color: #ffeee9; }
+#rec_list #path { margin: 1em 10px; }
+#timer_list .color_ok { background-color: #00a317; }
+#timer_list .color_conflict { background-color: #a11917; }
+#timer_list .color_collision { background-color: #858585; }
+#timer_list .color_inactive { background-color: #858585; }
#timer_list #prgtable { border-left-color:#000000; border-right-color:#000000; }
+.color1 { background-color: #e7e5e4; }
+.color2 { background-color: #f2eeea; }
+
+#content { margin-top: 1em; }
+.group { margin-top: 0.5em; }
+#buttons { margin-top: 0.5em; text-align: right; }
-#help dd dl dt { margin-top: 0.3em; font-weight: normal; font-style: italic; }
#help dt { margin-top: 0.6em; font-weight: bold; font-style: italic; }
+#help dd dl dt { margin-top: 0.3em; font-weight: normal; font-style: italic; }
+#help dl { padding: 5px; }
+#help h3 { font-weight: bold; font-style: italic; letter-spacing: 0.5em; background-color: gray; color: white; padding: 2px 5px; }
+#help h4 { text-decoration: underline; font-style: normal; }
+#help strong { font-weight: bold; }
+#help .ref_menu { font-style: italic; }
+#help .ref_file { text-decoration: underline; }
+#help .ref_label { font-style: italic; }
+#help .submit { border: 1px solid black; white-space: nowrap; }
+#help .links { padding: 5px; background-color: silver; text-align: justify; }
+#help .links a { white-space: nowrap; }
+#help .group { margin-top: 0.6em; border: 1px solid black; white-space: normal; }
+#help .group p { padding: 5px; }
+#help .top_link { text-align: right; font-size: 0.8em; background-color: silver; padding: 1px 5px; margin: 0px; }
+
+/* Navigation */
+#navigation { margin: 0px; background-image: url("bilder/back.gif"); }
+#navigation .logo { padding-top: 2em; padding-bottom: 3em; }
+#navigation a { color: black; font-weight: bold; text-decoration: none; }
+#navigation a:hover { font-size: 13px; color: #ff0000 }
+#navigation .navi { margin-left: 0.5em; font-size: 10px; height: 25px; }
+#navigation .navi { padding-left: 0.5em; font-size: 12px; height: 25px; }
+#navigation .search { padding-top: 2em; padding-left: 0.5em; font-size: 12px; }
+#navigation .separator { height: 2px; background-image: url("bilder/separator.png"); }
diff --git a/template/default/copper/sum_bottom_left.gif b/template/default/copper/sum_bottom_left.gif
new file mode 100644
index 0000000..6d982ee
--- /dev/null
+++ b/template/default/copper/sum_bottom_left.gif
Binary files differ
diff --git a/template/default/copper/sum_bottom_mid.gif b/template/default/copper/sum_bottom_mid.gif
new file mode 100644
index 0000000..ad42742
--- /dev/null
+++ b/template/default/copper/sum_bottom_mid.gif
Binary files differ
diff --git a/template/default/copper/sum_bottom_right.gif b/template/default/copper/sum_bottom_right.gif
new file mode 100644
index 0000000..e2d5ce3
--- /dev/null
+++ b/template/default/copper/sum_bottom_right.gif
Binary files differ
diff --git a/template/default/copper/sum_find.gif b/template/default/copper/sum_find.gif
new file mode 100644
index 0000000..f7e314c
--- /dev/null
+++ b/template/default/copper/sum_find.gif
Binary files differ
diff --git a/template/default/copper/sum_info.gif b/template/default/copper/sum_info.gif
new file mode 100644
index 0000000..6a04226
--- /dev/null
+++ b/template/default/copper/sum_info.gif
Binary files differ
diff --git a/template/default/copper/sum_info_disabled.gif b/template/default/copper/sum_info_disabled.gif
new file mode 100644
index 0000000..bc18c0b
--- /dev/null
+++ b/template/default/copper/sum_info_disabled.gif
Binary files differ
diff --git a/template/default/copper/sum_left.gif b/template/default/copper/sum_left.gif
new file mode 100644
index 0000000..3940846
--- /dev/null
+++ b/template/default/copper/sum_left.gif
Binary files differ
diff --git a/template/default/copper/sum_mid.gif b/template/default/copper/sum_mid.gif
new file mode 100644
index 0000000..0b52364
--- /dev/null
+++ b/template/default/copper/sum_mid.gif
Binary files differ
diff --git a/template/default/copper/sum_rec.gif b/template/default/copper/sum_rec.gif
new file mode 100644
index 0000000..db426db
--- /dev/null
+++ b/template/default/copper/sum_rec.gif
Binary files differ
diff --git a/template/default/copper/sum_right.gif b/template/default/copper/sum_right.gif
new file mode 100644
index 0000000..ed935db
--- /dev/null
+++ b/template/default/copper/sum_right.gif
Binary files differ
diff --git a/template/default/copper/sum_top_left.gif b/template/default/copper/sum_top_left.gif
new file mode 100644
index 0000000..3127842
--- /dev/null
+++ b/template/default/copper/sum_top_left.gif
Binary files differ
diff --git a/template/default/copper/sum_top_mid.gif b/template/default/copper/sum_top_mid.gif
new file mode 100644
index 0000000..61739ee
--- /dev/null
+++ b/template/default/copper/sum_top_mid.gif
Binary files differ
diff --git a/template/default/copper/sum_top_right.gif b/template/default/copper/sum_top_right.gif
new file mode 100644
index 0000000..2b786d3
--- /dev/null
+++ b/template/default/copper/sum_top_right.gif
Binary files differ
diff --git a/template/default/copper/sum_view.gif b/template/default/copper/sum_view.gif
new file mode 100644
index 0000000..f5e817c
--- /dev/null
+++ b/template/default/copper/sum_view.gif
Binary files differ
diff --git a/template/default/copper/top.gif b/template/default/copper/top.gif
deleted file mode 100644
index 58f2eff..0000000
--- a/template/default/copper/top.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/top_nav_aufnahmen.gif b/template/default/copper/top_nav_aufnahmen.gif
deleted file mode 100644
index b2d9db8..0000000
--- a/template/default/copper/top_nav_aufnahmen.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/top_nav_fernbedienung.gif b/template/default/copper/top_nav_fernbedienung.gif
deleted file mode 100644
index e517c73..0000000
--- a/template/default/copper/top_nav_fernbedienung.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/top_nav_konf.gif b/template/default/copper/top_nav_konf.gif
deleted file mode 100644
index 7aa2b2a..0000000
--- a/template/default/copper/top_nav_konf.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/top_nav_prguebersicht.gif b/template/default/copper/top_nav_prguebersicht.gif
deleted file mode 100644
index 05e14c7..0000000
--- a/template/default/copper/top_nav_prguebersicht.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/top_nav_timer.gif b/template/default/copper/top_nav_timer.gif
deleted file mode 100644
index 2ce2b16..0000000
--- a/template/default/copper/top_nav_timer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/top_nav_wasjetzt.gif b/template/default/copper/top_nav_wasjetzt.gif
deleted file mode 100644
index f206c4a..0000000
--- a/template/default/copper/top_nav_wasjetzt.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/tv_umschalten_mitback.gif b/template/default/copper/tv_umschalten_mitback.gif
deleted file mode 100644
index 89886e8..0000000
--- a/template/default/copper/tv_umschalten_mitback.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/uebersicht_oben_links_selected.gif b/template/default/copper/uebersicht_oben_links_selected.gif
deleted file mode 100644
index e3182af..0000000
--- a/template/default/copper/uebersicht_oben_links_selected.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/uebersicht_oben_rechts_selected.gif b/template/default/copper/uebersicht_oben_rechts_selected.gif
deleted file mode 100644
index 2a17d0f..0000000
--- a/template/default/copper/uebersicht_oben_rechts_selected.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/copper/uebersicht_spacer.gif b/template/default/copper/uebersicht_spacer.gif
deleted file mode 100644
index 5bfd67a..0000000
--- a/template/default/copper/uebersicht_spacer.gif
+++ /dev/null
Binary files differ
diff --git a/template/default/error.html b/template/default/error.html
index f9c4229..b1ba08b 100644
--- a/template/default/error.html
+++ b/template/default/error.html
@@ -5,6 +5,9 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>"/>
<title><%! Error! !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css"/>
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css"/>
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
diff --git a/template/default/help_at_timer_list.html b/template/default/help_at_timer_list.html
index f595afd..8262309 100644
--- a/template/default/help_at_timer_list.html
+++ b/template/default/help_at_timer_list.html
@@ -6,47 +6,53 @@
<title><%! AutoTimer !%></title>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
</head>
<body id="at_timer_list">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" valign="middle" background="bilder/uebersicht_oben.gif">
- <h2><%! AutoTimer !%></h2>
- </td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><%! AutoTimer !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td background="bilder/uebersicht_mitte.gif">
- <p>Here you will find a listing of automatic timers known to VDRAdmin.</p>
- <p>The list shows some information on automatic timers. You can change the list's sorting by clicking the columns heading.</p>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
+ <%! <p>Here you will find a listing of automatic timers (AutoTimer) known to VDRAdmin.</p>
+ <p>The list shows some information on AutoTimers. You can change the list's sorting by clicking the columns heading.</p>
<p>For each AutoTimer you have the following options:
<dl>
<dt>Set its state</dt>
<dd>By clicking on "Yes" or "No" in the "Active" column to toggle the activity.</dd>
<dt>Quickly view its priority and lifetime</dt>
- <dd>By pointing the mouse cursor to the timer's title.</dd>
+ <dd>By pointing the mouse cursor to the AutoTimer's title.</dd>
<dt>Edit the AutoTimer</dt>
- <dd>You can edit an AutoTimer by clicking <img src="bilder/edit.gif" alt="Stift" />.</dd>
+ <dd>You can edit an AutoTimer by clicking <img src="bilder/edit.gif" alt="edit" />.</dd>
<dt>Delete the AutoTimer</dt>
- <dd>To delete an AutoTimer you click <img src="bilder/delete.gif" alt="Radiergummi" />.</dd>
+ <dd>To delete an AutoTimer you click <img src="bilder/delete.gif" alt="delete" />.</dd>
</dl>
</p>
<p>Each AutoTimer's state is indicated by differently coloured images:<br />
<img src="bilder/poempl_gruen.gif" alt="on" align="absmiddle" /> AutoTimer is OK and will automatically program matching broadcasts.<br />
<img src="bilder/poempl_grau.gif" alt="inactive" align="absmiddle" /> AutoTimer is not active.
</p>
- <p>In addition to these functions you can add a new AutoTimer by clicking "New AutoTimer" at the top and you can delete a number of AutoTimers at once by checking the box in the last column of those timers and clicking "Delete Selected AutoTimers".</p>
- <p>Click "Force Update" to force VDRAdmin to reconnect to VDR, fetch the current EPG and check for matching AutoTimers.</p>
+ <p>In addition to these functions you can add a new AutoTimer by clicking <span class="submit">New AutoTimer</span> at the top and you can delete a number of AutoTimers at once by checking the box in the last column of those timers and clicking <span class="submit">Delete Selected AutoTimers</span>.</p>
+ <p>Click <span class="submit">Force Update</span> to force VDRAdmin to reconnect to VDR, fetch the current EPG and check for matching AutoTimers.</p> !%>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
</table>
</body>
diff --git a/template/default/help_at_timer_new.html b/template/default/help_at_timer_new.html
index 0bb1a4b..651508e 100644
--- a/template/default/help_at_timer_new.html
+++ b/template/default/help_at_timer_new.html
@@ -12,56 +12,62 @@
<title><%! Edit AutoTimer !%></title>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
</head>
<body id="at_new">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" valign="middle" background="bilder/uebersicht_oben.gif">
- <h2><%! Edit AutoTimer !%></h2>
- </td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><%! Edit AutoTimer !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td background="bilder/uebersicht_mitte.gif">
- <p>Here you can edit an automatic timer's settings.</p>
- <p>AutoTimer is a key feature of VDRAdmin. An AutoTimer consists of one or more search terms and some other settings, that are looked for regularly in the Electronic Program Guide (EPG). On match AutoTimer adds a timer in VDR automatically for that broadcast. That's very comfortable for irregularly broadcasted series or movies you don't want to miss.</p>
+ <tr class="row_odd">
+ <td class="col_left"</td>
+ <td>
+ <%! <p>Here you can edit an automatic timer's (AutoTimer) settings.</p>
+ <p>AutoTimer is a key feature of VDRAdmin. An AutoTimer consists of one or more search terms and some other settings, that are looked for regularly in the Electronic Program Guide (EPG). On match AutoTimer adds a timer in VDR automatically for that broadcast. That's very comfortable for irregularly broadcasted series or movies you don't want to miss.</p> !%>
<dl>
- <dt>AutoTimer Active:</dt>
- <dd>Activate or deactivate this automatic timer. Deactivated automatic timers are still stored in the AutoTimer list so that they can be activated again, but they do not record anything meanwhile. Above that you can set this to "Oneshot" so this AutoTimer only programs the (one!) next matching broadcast.</dd>
- <dt>Search Pattern:</dt>
- <dd>Choosing the right search items decides whether only the wanted broadcasts or broadcasts having similar names or even nothing gets recorded.<br />Case doesn't matter, "X-Files" matches anything "x-files" will match. You can set multiple search items by separating them with spaces. Only broadcasts will match if they contain <b>all</b> items.<br />You'd better only use letters and numbers for search items, as the EPG often miss colons, brackets and other characters.<br />Experts can also use regular expressions, but you have to get needed information from the VDRAdmin sources (undocumented feature).<br /><br />You can exclude broadcasts so that they don't get recorded even if they would match an AutoTimer. Therefore you have to enter that titles into the file <i>vdradmind.bl</i>, one event a line. This file must be located in your VDRAdmin's configuration folder. If this string is found either in the EPG's <u>title</u> or in <u>title~subtitle</u>, this event will not be programmed by AutoTimer. So you can disable complete episodes (for example when using "Enterprise" as Blacklist-string) or only one episode (when using "Enterprise~Azati Prime" as Blacklist-string).</dd>
- <dt>Search in:</dt>
- <dd>Here you can define the EPG sections where VDRAdmin should look for the search pattern.</dd>
- <dt>Search only on these days:</dt>
- <dd>Use these checkboxes to limit searching for matching broadcasts to a set of weekdays.</dd>
- <dt>Channel:</dt>
- <dd>The channel to look for matching broadcasts or "all" to search in all known or wanted channels. You can define the wanted channels for AutoTimer in "Configuration".</dd>
- <dt>Starts After:</dt>
- <dd>A broadcast must start after the time entered here to match. The first text field is for "hour", the second for "minute".
- <dt>Ends Before:</dt>
- <dd>A broadcast must end before the time entered here to match. The first text field is for "hour", the second for "minute".
- <dt>Priority:</dt>
- <dd>An integer in the range <b>0...99</b>, defining the <b>priority</b> of this timer and of recordings created by this timer. <b>0</b> represents the lowest value, <b>99</b> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <b>start</b> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <b>lifetime</b>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording.</dd>
- <dt>Lifetime:</dt>
- <dd>The <b>guaranteed</b> lifetime (in days) of a recording created by this timer. <b>0</b> means that this recording may be automatically deleted at any time by a new recording with higher priority. <b>99</b> means that this recording will never be automatically deleted. Any number in the range <b>1...98</b> means that this recording may not be automatically deleted in favour of a new recording, until the given number of days since the <b>start</b> time of the recording has passed by.</dd>
- <dt>Episode:</dt>
- <dd>Check this box if you want VDRAdmin to append the broadcast's EPG subtitle to the recording's file name.</dd>
- <dt>Remember programmed timers:</dt>
- <dd>If you enable this VDRAdmin will track timers it has already programmed automatically. This is useful if want to deactivate or delete timers that have been programmed automatically in the timers listing.</dd>
- <dt>Directory:</dt>
+ <dt><%! AutoTimer Active: !%></dt>
+ <dd><%! Activate or deactivate this AutoTimer. Deactivated AutoTimers are still stored in the AutoTimer list so that they can be activated again, but they do not record anything meanwhile. Above that you can set this to "oneshot" so this AutoTimer only programs the (one!) next matching broadcast. !%></dd>
+ <dt><%! Search Patterns: !%></dt>
+ <dd><%! Choosing the right search items decides whether only the wanted broadcasts or broadcasts having similar names or even nothing gets recorded.<br />Case doesn't matter, "X-Files" matches anything "x-files" will match. You can set multiple search items by separating them with spaces. Only broadcasts will match if they contain <strong>all</strong> items.<br />You'd better only use letters and numbers for search items, as the EPG often miss colons, brackets and other characters.<br />Experts can also use regular expressions, but you have to get needed information from the VDRAdmin sources (undocumented feature).<br /><br />You can exclude broadcasts so that they don't get recorded even if they would match an AutoTimer. Therefore you have to enter that titles into the file <i>vdradmind.bl</i>, one event a line. This file must be located in your VDRAdmin's configuration folder. If this string is found either in the EPG's <u>title</u> or in <u>title~subtitle</u>, this event will not be programmed by AutoTimer. So you can disable complete episodes (for example when using "Enterprise" as Blacklist-string) or only one episode (when using "Enterprise~Azati Prime" as Blacklist-string). !%></dd>
+ <dt><%! Search in: !%></dt>
+ <dd><%! Here you can define the EPG sections where VDRAdmin should look for the search pattern. !%></dd>
+ <dt><%! Search only on these days: !%></dt>
+ <dd><%! Use these checkboxes to limit searching for matching broadcasts to a set of weekdays. !%></dd>
+ <dt><%! Channel: !%></dt>
+ <dd><%! The channel to look for matching broadcasts or "all" to search in all known or wanted channels. You can define the wanted channels for AutoTimer in "Configuration". !%></dd>
+ <dt><%! Starts After: !%></dt>
+ <dd><%! A broadcast must start after the time entered here to match. The first text field is for "hour", the second for "minute". !%></dd>
+ <dt><%! Ends Before: !%></dt>
+ <dd><%! A broadcast must end before the time entered here to match. The first text field is for "hour", the second for "minute". !%></dd>
+ <dt><%! Priority: !%></dt>
+ <dd><%! An integer in the range <strong>0...99</strong>, defining the <strong>priority</strong> of this timer and of recordings created by this timer. <strong>0</strong> represents the lowest value, <strong>99</strong> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <strong>start</strong> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <strong>lifetime</strong>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording. !%></dd>
+ <dt><%! Lifetime: !%></dt>
+ <dd><%! The <strong>guaranteed</strong> lifetime (in days) of a recording created by this timer. <strong>0</strong> means that this recording may be automatically deleted at any time by a new recording with higher priority. <strong>99</strong> means that this recording will never be automatically deleted. Any number in the range <strong>1...98</strong> means that this recording may not be automatically deleted in favour of a new recording, until the given number of days since the <strong>start</strong> time of the recording has passed by. !%></dd>
+ <dt><%! Episode: !%></dt>
+ <dd><%! Check this box if you want VDRAdmin to append the broadcast's EPG subtitle to the recording's file name. !%></dd>
+ <dt><%! Remember programmed timers: !%></dt>
+ <dd><%! If you enable this VDRAdmin will track timers it has already programmed automatically. This is useful if want to deactivate or delete timers that have been programmed automatically in the timers listing. !%></dd>
+ <dt><%! Directory: !%></dt>
<dd>
- The directory this AutoTimer will place the recordings in. If the name shall contain subdirectories, these have to be delimited by '~' (since the '/' character may be part of a regular programme name).<br />VDRAdmin will append the matching broadcast's title and subtitle (if the "Episode" checkbox is marked) to the directory given here.<br /><br />
+ <%! The directory this AutoTimer will place the recordings in. If the name shall contain subdirectories, these have to be delimited by '~' (since the '/' character may be part of a regular programme name).<br />VDRAdmin will append the matching broadcast's title and subtitle (if the "Episode" checkbox is marked) to the directory given here.<br /><br />
You can also use the following keywords that are replaced in the final file name by the values supplied by for example <a href="http://tvmovie2vdr.vdr-developer.org">tvm2vdr</a>:
<ul>
- <li>%Title% - will become the title of the event.</li>
+ <li>%Title% - will become the title of the event.</li>
<li>%Subtitle% - will become the subtitle of the event.</li>
<li>%Director% - will become the director of the event.</li>
<li>%Date% - will become the date of the recording.</li>
- <li>%Category% - will become the category of the Event (Spielfilm/Serie/...).</li>
- <li>%Genre% - will become the genre of the Event (Drama/Krimi/..).</li>
+ <li>%Category% - will become the category of the event (Spielfilm/Serie/...).</li>
+ <li>%Genre% - will become the genre of the event (Drama/Krimi/..).</li>
<li>%Year% - will become the year of production.</li>
<li>%Country% - will become the country of production.</li>
<li>%Originaltitle% - will become the original title of the event.</li>
@@ -69,16 +75,17 @@
<li>%Episode% - will become the episode's title of the event.</li>
<li>%Rating% - will become the rating of the event from the EPG provider.</li>
</ul>
- <b>Note:</b><br />
- If you use the above keywords it's in your own responsibility to supply the complete <b>file name</b> for the recordings! VDRAdmin will not append anything to the resulting string.
+ <h4>Note:</h4>
+ If you use the above keywords it's in your own responsibility to supply the <strong>complete file name</strong> for the recordings! VDRAdmin will not append anything to the resulting string. !%>
+ </dd>
</dl>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
</table>
</body>
diff --git a/template/default/help_config.html b/template/default/help_config.html
index 9c8c8a5..cafb824 100644
--- a/template/default/help_config.html
+++ b/template/default/help_config.html
@@ -9,168 +9,150 @@
<title><%! Configuration !%></title>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
</head>
<body id="config">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" valign="middle" background="bilder/uebersicht_oben.gif">
- <h2><a name="top"></a><%! Configuration !%></h2>
- </td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><a name="top"></a><%! Configuration !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td background="bilder/uebersicht_mitte.gif">
- <p>Here you can change general settings and base settings for timers, AutoTimers, channel selection and streaming parameters.</p>
- <p>
- <hr />
- [<a href="#general">General Settings</a>] [<a href="#vdr">VDR</a>] [<a href="#identification">Identification</a>] [<a href="#timeline">Timeline</a>] [<a href="#autotimer">AutoTimer</a>] [<a href="#timer">Timer</a>] [<a href="#streaming">Streaming</a>] [<a href="#expert">Expert</a>] [<a href="#channels">Channel Selections</a>]
- <hr />
- </p>
- <p>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
+ <%! <p>Here you can change general settings and base settings for timers, AutoTimers, channel selection and streaming parameters.</p> !%>
+ <div class="links">
+ [<a href="#general"><%! General Settings !%></a>] [<a href="#vdr"><%! VDR !%></a>] [<a href="#identification"><%! Identification !%></a>] [<a href="#timeline"><%! Timeline !%></a>] [<a href="#autotimer"><%! AutoTimer !%></a>] [<a href="#timer"><%! Timer !%></a>] [<a href="#streaming"><%! Streaming !%></a>] [<a href="#expert"><%! Expert !%></a>] [<a href="#channels"><%! Channel Selections !%></a>]
+ </div>
+ <div class="group"><a name="general"></a><h3><%! General Settings !%></h3>
<dl>
- <dt><a name="general"></a>General Settings</dt>
- <dd>
- <dl>
- <dt>Skin:</dt>
- <dd>The skin you want to use.</dd>
- <dt>Login Page:</dt>
- <dd>The page you want to see at first connect to VDRAdmin.</dd>
- <dt>Number of channels to use:</dt>
- <dd>VDRAdmin will load the given number of channels from VDR and present only those in any fields where channels can be selected. This also limits the EPG information VDRAdmin will read so that you can use this to reduce VDRAdmin's memory consumption and increase its performance. <b>0</b> turns this feature off and VDRAdmin will use all available channels. <u>Note:</u> Changes are not populated immediately. You have to either wait until VDRAdmin reconnects to VDR to update its EPG information or force this update manually in the "AutoTimer" menu or restart VDRAdmin.</dd>
- <dt>Local net (no login required):</dt>
- <dd>Here you can specify an IP address or range that can login without providing login information. For example: "192.168.0.0/24" will include any IP starting with "192.168.0", "192.168.0.123/32" will only match "192.168.0.123".</dd>
- </dl>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
-
- <dt><a name="vdr"/>VDR</dt>
- <dd>
- <dl>
- <dt>Number of DVB cards:</dt>
- <dd>The number of DVB card VDR can access. Depending on this value VDRAdmin will calculate conflicting timers in the "Timers" menu.</dd>
- <dt>Path to recordings:</dt>
- <dd>The path to VDR's recordings. It's used so that VDRAdmin can locate the recordings when using "Recordings Streaming" and "reccmds.conf" in the "Recordings" menu.</dd>
- <dt>Path to configuration files:</dt>
- <dd>The path where VDR's configuration files are located. If this directory contains the file <u>reccmds.conf</u> its content is shown in a selectbox in the "Recordings" menu.</dd>
- </dl>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
+ <dt><%! Skin: !%></dt>
+ <dd><%! The skin you want to use. !%></dd>
+ <dt><%! Login Page: !%></dt>
+ <dd><%! The page you want to see at first connect to VDRAdmin. !%></dd>
+ <dt><%! Number of channels to use: !%></dt>
+ <dd><%! VDRAdmin will load the given number of channels from VDR and present only those in any fields where channels can be selected. This also limits the EPG information VDRAdmin will read so that you can use this to reduce VDRAdmin's memory consumption and increase its performance. <strong>0</strong> turns this feature off and VDRAdmin will use all available channels. <h4>Note:</h4> Changes are not populated immediately. You have to either wait until VDRAdmin reconnects to VDR to update its EPG information or force this update manually in the <span class="ref_menu">AutoTimer</span> menu or restart VDRAdmin. !%></dd>
+ <dt><%! Local net (no login required): !%></dt>
+ <dd><%! Here you can specify an IP address or range that can login without providing login information. For example: "192.168.0.0/24" will include any IP starting with "192.168.0", "192.168.0.123/32" will only match "192.168.0.123". !%></dd>
+ </dl>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
- <dt><a name="identification"></a>Identification</dt>
- <dd>
- <dl>
- <dt>Username:</dt>
- <dd>The username for the main user, i.e. the user having the most privileges.</dd>
- <dt>Password:</dt>
- <dd>The main user's password.</dd>
- <dt>Guest Account:</dt>
- <dd>If you want an user account having only limited privileges, this is for you. The guest user cannot modify anything, it's only allowed to view the EPG, timers, AutoTimers and recordings listings.
- <dt>Guest Username:</dt>
- <dd>The username for the guest user.</dd>
- <dt>Guest Password:</dt>
- <dd>The guest user's password.</dd>
- </dl>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
+ <div class="group"><a name="vdr"></a><h3><%! VDR !%></h3>
+ <dl>
+ <dt><%! Number of DVB cards: !%></dt>
+ <dd><%! The number of DVB cards VDR can access. Depending on this value VDRAdmin will calculate critical timers in the <span class="ref_menu">Timer</span> menu. !%></dd>
+ <dt><%! Path to recordings: !%></dt>
+ <dd><%! The path to VDR's recordings. It's used so that VDRAdmin can locate the recordings when using <span class="ref_label">Recordings Streaming</span> and <span class="ref_file">reccmds.conf</span> in the <span class="ref_menu">Recordings</span> menu. !%></dd>
+ <dt><%! Path to configuration files: !%></dt>
+ <dd><%! The path where VDR's configuration files are located. If this directory contains the file <span class="ref_file">reccmds.conf</span> its content is shown in a selectbox in the <span class="ref_menu">Recordings</span> menu. !%></dd>
+ </dl>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
- <dt><a name="timeline"></a>Timeline</dt>
- <dd>
- <dl>
- <dt>Hours:</dt>
- <dd>The number of hours to show in the timeline.</dd>
- <dt>Times:</dt>
- <dd>A comma separated list of times in hh:mm format that appear in the selectbox placed at the top.</dd>
- </dl>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
+ <div class="group"><a name="identification"></a><h3><%! Identification !%></h3>
+ <dl>
+ <dt><%! Username: !%></dt>
+ <dd><%! The username for the main user, i.e. the user having the most privileges. !%></dd>
+ <dt><%! Password: !%></dt>
+ <dd><%! The main user's password. !%></dd>
+ <dt><%! Guest Account: !%></dt>
+ <dd><%! If you want an user account having only limited privileges, this is for you. The guest user cannot modify anything, it's only allowed to view the EPG, timers, AutoTimers and recordings listings. !%></dd>
+ <dt><%! Guest Username: !%></dt>
+ <dd><%! The username for the guest user. !%></dd>
+ <dt><%! Guest Password: !%></dt>
+ <dd><%! The guest user's password. !%></dd>
+ </dl>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
- <dt><a name="autotimer"></a>AutoTimer</dt>
- <dd>
- <dl>
- <dt>Active:</dt>
- <dd>Activate or deactivate the AutoTimer function.</dd>
- <dt>Timeout:</dt>
- <dd>The interval, the the EPG data is checked for updating the AutoTimers.</dd>
- <dt>Priority:</dt>
- <dd>An integer in the range <b>0...99</b>, defining the <b>priority</b> of this timer and of recordings created by this timer. <b>0</b> represents the lowest value, <b>99</b> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <b>start</b> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <b>lifetime</b>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording.</dd>
- <dt>Lifetime:</dt>
- <dd>The <b>guaranteed</b> lifetime (in days) of a recording created by this timer. <b>0</b> means that this recording may be automatically deleted at any time by a new recording with higher priority. <b>99</b> means that this recording will never be automatically deleted. Any number in the range <b>1...98</b> means that this recording may not be automatically deleted in favour of a new recording, until the given number of days since the <b>start</b> time of the recording has passed by.</dd>
- </dl>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
+ <div class="group"><a name="timeline"></a><h3><%! Timeline !%></h3>
+ <dl>
+ <dt><%! Hours: !%></dt>
+ <dd><%! The number of hours to show in the timeline. !%></dd>
+ <dt><%! Times: !%></dt>
+ <dd><%! A comma separated list of times in <strong>hh:mm</strong> format that appear in the selectbox placed at the top. !%></dd>
+ </dl>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
- <dt><a name="timer"></a>Timer</dt>
- <dd>
- <dl>
- <dt>Priority:</dt>
- <dd>An integer in the range <b>0...99</b>, defining the <b>priority</b> of this timer and of recordings created by this timer. <b>0</b> represents the lowest value, <b>99</b> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <b>start</b> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <b>lifetime</b>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording.</dd>
- <dt>Lifetime:</dt>
- <dt>Time Margin at Start:</dt>
- <dd>The number of minutes VDRAdmin subtracts from the broadcasts start time found in the EPG. This value is used for timers programmed by AutoTimer and timers manually programmed when pressing "Record" in any EPG view.</dd>
- <dt>Time Margin at Stop:</dt>
- <dd>The number of minutes VDRAdmin adds to the broadcasts stop time found in the EPG. This value is used for timers programmed by AutoTimer and timers manually programmed when pressing "Record" in any EPG view.</dd>
- </dl>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
+ <div class="group"><a name="autotimer"></a><h3><%! AutoTimer !%></h3>
+ <dl>
+ <dt><%! Active: !%></dt>
+ <dd><%! Activate or deactivate the AutoTimer function. !%></dd>
+ <dt><%! Timeout: !%></dt>
+ <dd><%! The interval, the the EPG data is checked for updating the AutoTimers. !%></dd>
+ <dt><%! Priority: !%></dt>
+ <dd><%! An integer in the range <strong>0...99</strong>, defining the <strong>priority</strong> of this timer and of recordings created by this timer. <strong>0</strong> represents the lowest value, <strong>99</strong> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <strong>start</strong> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <strong>lifetime</strong>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording. !%></dd>
+ <dt><%! Lifetime: !%></dt>
+ <dd><%! The <strong>guaranteed</strong> lifetime (in days) of a recording created by this timer. <strong>0</strong> means that this recording may be automatically deleted at any time by a new recording with higher priority. <strong>99</strong> means that this recording will never be automatically deleted. Any number in the range <strong>1...98</strong> means that this recording may not be automatically deleted in favour of a new recording, until the given number of days since the <strong>start</strong> time of the recording has passed by. !%></dd>
+ </dl>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
- <dt><a name="streaming"></a>Streaming</dt>
- <dd>
- <dl>
- <dt>Life Streaming:</dt>
- <dd>Enable or disable Life Streaming using the <a href="http://www.magoa.net/linux/">streamdev plugin</a>. You also have to set the correct "HTTP Port for Streamdev" below.</dd>
- <dt>HTTP Port of Streamdev (also possible 3000/ts):</dt>
- <dd>Here you have to set the port number your VDR's streamdev-server listens for connections. Additionally you can also provide the stream type you like to use.</dd>
- <dt>Recordings Streaming:</dt>
- <dd>Enable or disable Recordings Streaming.<br />Well actually this is no real "streaming", but you have to setup your workstation so that it can access VDR's recordings. You can use for example Samba or NFS for this. VDRAdmin simply generates a playlist that contains all parts of the recording and sends this to your browser. If your browser and media player are configured correctly you will see the recording on your workstation's display.</dd>
- <dt>Path to VDR Recordings on your workstation:</dt>
- <dd>This is the path where your workstation can access VDR's recordings. This depends on your VDR and workstation setup, for example "\\vdr\videos" or "V:\" (on Windows) or "/mnt/videos" (on Linux).</dd>
- </dl>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
+ <div class="group"><a name="timer"></a><h3><%! Timer !%></h3>
+ <dl>
+ <dt><%! Priority: !%></dt>
+ <dd><%! An integer in the range <strong>0...99</strong>, defining the <strong>priority</strong> of this timer and of recordings created by this timer. <strong>0</strong> represents the lowest value, <strong>99</strong> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <strong>start</strong> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <strong>lifetime</strong>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording. !%></dd>
+ <dt><%! Lifetime: !%></dt>
+ <dd><%! The <strong>guaranteed</strong> lifetime (in days) of a recording created by this timer. <strong>0</strong> means that this recording may be automatically deleted at any time by a new recording with higher priority. <strong>99</strong> means that this recording will never be automatically deleted. Any number in the range <strong>1...98</strong> means that this recording may not be automatically deleted in favour of a new recording, until the given number of days since the <strong>start</strong> time of the recording has passed by. !%></dd>
+ <dt><%! Time Margin at Start: !%></dt>
+ <dd><%! The number of minutes VDRAdmin subtracts from the broadcasts start time found in the EPG. This value is used for timers programmed by AutoTimer and timers manually programmed when pressing "Record" in any EPG view. !%></dd>
+ <dt><%! Time Margin at Stop: !%></dt>
+ <dd><%! The number of minutes VDRAdmin adds to the broadcasts stop time found in the EPG. This value is used for timers programmed by AutoTimer and timers manually programmed when pressing "Record" in any EPG view. !%></dd>
+ </dl>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
- <dt><a name="expert"></a>Expert</dt>
- <dd>
- This section is for experts <b>only</b>, i.e. you know what you are doing!
- <dl>
- <dt>Read EPG directly using epg.data:</dt>
- <dd>Accessing VDR's EPG through VDR's SVDRPort seems to block VDR for some time. If this option is activated VDRAdmin will read the epg.data file directly so that VDR doesn't get blocked.<br /><br /><u>Note:</u><br />There seems to be a bug somewhere. If you enable this option there's the rare(?) possibility, that some timers can't be programmed due to their summaries. If you experience this bug it would be very helpful if you could send the timer's information to <a href="mailto:mail@andreas.vdr-developer.org">me</a>.</dd>
- <dt>epg.data filename:</dt>
- <dd>If you've enabled the option above you need to tell VDRAdmin where the epg.data file is located.</dd>
- </dl>
- <dt>Number of columns in "What's On Now":</dt>
- <dd>Change the number of columns displayed in "What's On Now" with this option.</dt>
- <dt>VFAT:</dt>
- <dd>If you have compiled VDR with the VFAT define you have to enable this option. If this option is set to the wrong value, you may have problems with certain recordings if you want to stream them or run reccmds on them.</dd>
- <div align="right">[<a href="#top">Top</a>]</div>
- <hr />
- </dd>
+ <div class="group"><a name="streaming"></a><h3><%! Streaming !%></h3>
+ <dl>
+ <dt><%! Live Streaming: !%></dt>
+ <dd><%! Enable or disable live streaming using the <a href="http://www.magoa.net/linux/">streamdev plugin</a>. You also have to set the correct <span class="ref_label">HTTP Port for Streamdev</span> below. !%></dd>
+ <dt><%! HTTP Port of Streamdev (also possible 3000/ts): !%></dt>
+ <dd><%! Here you have to set the port number your VDR's streamdev server listens for connections. Additionally you can also provide the stream type you like to use. !%></dd>
+ <dt><%! Recordings Streaming: !%></dt>
+ <dd><%! Enable or disable streaming of recordings.<br />Well actually this is no real "streaming", but you have to setup your workstation so that it can access VDR's recordings. You can use for example Samba or NFS for this. VDRAdmin simply generates a playlist that contains all parts of the recording and sends this to your browser. If your browser and media player are configured correctly you will see the recording on your workstation's display. !%></dd>
+ <dt><%! Path to VDR Recordings on your workstation: !%></dt>
+ <dd><%! This is the path where your workstation can access VDR's recordings. This depends on your VDR and workstation setup, for example "\\vdr\videos" or "V:\" (on Windows) or "/mnt/videos" (on Linux). !%></dd>
+ </dl>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
- <dt><a name="channels"></a>Channel Selections:</dt>
- <dd>
- If you want to limit the number of channels used in some parts of VDRAdmin, this is for you!
- <p>Use the radio buttons to activate or deactivate the wanted channels in the named menu.</p>
- <p>To add channels to the list of wanted channels you have to select them in the left side selectbox and click "&gt;&gt;&gt;&gt;&gt;". If you want to remove channels from the list of wanted channels you have to select them in the right side selectbox and click "&lt;&lt;&lt;&lt;&lt;".</p>
- <div align="right">[<a href="#top">Top</a>]</div>
- </dd>
+ <div class="group"><a name="expert"></a><h3><%! Expert !%></h3>
+ <%! <p>This section is for experts <strong>only</strong>, i.e. you know what you are doing!</p> !%>
+ <dl>
+ <dt><%! Read EPG directly using epg.data: !%></dt>
+ <dd><%! Accessing VDR's EPG through VDR's SVDRPort seems to block VDR for some time. If this option is activated VDRAdmin will read the <span class="ref_file">epg.data</span> file directly so that VDR doesn't get blocked. !%></dd>
+ <dt><%! epg.data filename: !%></dt>
+ <dd><%! If you've enabled the option above you need to tell VDRAdmin where the <span class="ref_file">epg.data</span> file is located. !%></dd>
+ <dt><%! VFAT: !%></dt>
+ <dd><%! If you have compiled VDR with the VFAT define you have to enable this option. If this option is set to the wrong value, you may have problems with certain recordings if you want to stream them or run reccmds on them. !%></dd>
</dl>
- </p>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
+
+ <div class="group"><a name="channels"></a><h3><%! Channel Selections !%></h3>
+ <%! <p>If you want to limit the number of channels used in some parts of VDRAdmin, this is for you!</p>
+ <p>Use the radio buttons to activate or deactivate the wanted channels in the named menu.</p>
+ <p>To add channels to the list of wanted channels you have to select them in the left side selectbox and click <span class="submit">&gt;&gt;&gt;&gt;&gt;</span>. If you want to remove channels from the list of wanted channels you have to select them in the right side selectbox and click <span class="submit">&lt;&lt;&lt;&lt;&lt;</span>.</p> !%>
+ <div class="top_link">[<a href="#top"><%! Top !%></a>]</div>
+ </div>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
</table>
</body>
diff --git a/template/default/help_no.html b/template/default/help_no.html
new file mode 100644
index 0000000..54c86ec
--- /dev/null
+++ b/template/default/help_no.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+
+<head>
+ <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
+ <title><%! No Help Available !%></title>
+ <script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
+ <link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
+</head>
+
+<body id="timer_list">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><%! No Help Available !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
+ <%! <p>No help available yet. For adding or changing text please contact <a href="mailto:mail@andreas.vdr-developer.org">mail@andreas.vdr-developer.org</a>.</p> !%>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
+</body>
+
+</html>
diff --git a/template/default/help_rec_list.html b/template/default/help_rec_list.html
index 121ce7c..ad4f2e0 100644
--- a/template/default/help_rec_list.html
+++ b/template/default/help_rec_list.html
@@ -6,47 +6,53 @@
<title><%! Recordings !%></title>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
</head>
<body id="timer_list">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" valign="middle" background="bilder/uebersicht_oben.gif">
- <h2><%! Recordings !%></h2>
- </td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><%! Recordings !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td background="bilder/uebersicht_mitte.gif">
- <p>Here you will find a listing of recordings known to VDR. The headline will also show you VDR's total and free disk space.</p>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
+ <%! <p>Here you will find a listing of recordings known to VDR. The headline will also show you VDR's total and free disk space.</p>
<p>The listing showing you some information on the recordings. You can change the list's sorting by clicking the columns heading. Above the list you'll see the navigation path. If you want to view the contents of previous folders you'll have to click on its name in that path.</p>
<p>Each row contains this information:
<dl>
<dt>Date</dt>
<dd>The date when the recording has been done. In case of folders this will show the number of recordings the folder contains.</dd>
<dt>Time</dt>
- <dd>The time when the recording has been done. In case of folders this will show the number of <b>new</b> recordings the folder contains.</dd>
+ <dd>The time when the recording has been done. In case of folders this will show the number of <strong>new</strong> recordings the folder contains.</dd>
<dt>Name</dt>
<dd>The recording's or folder's name. Click it to show the recording's summary or descend into the folder.</dd>
- <dt>Rename (<img src="bilder/edit.gif" alt="Stift" />)</dt>
- <dd>Rename a recording.<br /><b>Note:</b>This only works if VDR has the <U>RENR</U> SVDRPort command which is no core VDR feature but is available through a patch. <u>vdr-aio21_svdrprename.patch</u> or <u>enAIO-v2.2+</u> provide this command.</dd>
- <dt>Delete (<img src="bilder/delete.gif" alt="Radiergummi" />)</dt>
+ <dt>Rename (<img src="bilder/edit.gif" alt="edit" />)</dt>
+ <dd>Rename a recording.<br /><h4>Note:</h4>This only works if VDR has the <u>RENR</u> SVDRPort command which is no core VDR feature but is available through a patch. <span class="ref_file">vdr-aio21_svdrprename.patch</span> or <span class="ref_file">enAIO-v2.2+</span> provide this command.</dd>
+ <dt>Delete (<img src="bilder/delete.gif" alt="delete" />)</dt>
<dd>Delete a recording.</dd>
<dt>Stream (<img src="bilder/stream.jpg" alt="stream" />)</dt>
- <dd>This column is only shown if you activated and configured "Recordings Streaming" in configuration. You can watch the recording at your workstation.</dd>
+ <dd>This column is only shown if you activated and configured <span class="ref_label">Recordings Streaming</span> in the <span class="ref_menu">Configuration</span> menu. You can watch the recording at your workstation.</dd>
</dl>
</p>
- <p>In addition to these functions you can delete a number of recordings at once by checking the box in the last but one column of those recordings and clicking "Delete Selected Recordings".</p>
- <p>If you've set the path the VDR's configuration files and have entries in VDR's <u>reccmds.conf</u> you can run those commands for the selected recording by selecting the wanted command in the select box locate next to "Commands:" and pressing the "Run" button.</p>
+ <p>In addition to these functions you can delete a number of recordings at once by checking the box in the last but one column of those recordings and clicking <span class="submit">Delete Selected Recordings</span>.</p>
+ <p>If you've set the path the VDR's configuration files and have entries in VDR's <span class="ref_file">reccmds.conf</span> you can run those commands for the selected recording by selecting the wanted command in the select box locate next to <span class="ref_label">Commands:</span> and pressing the <span class="submit">Run</span> button.</p> !%>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
</table>
</body>
diff --git a/template/default/help_timer_list.html b/template/default/help_timer_list.html
index 2294cea..c28483f 100644
--- a/template/default/help_timer_list.html
+++ b/template/default/help_timer_list.html
@@ -6,21 +6,27 @@
<title><%! Timer !%></title>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
</head>
<body id="timer_list">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" valign="middle" background="bilder/uebersicht_oben.gif">
- <h2><%! Timer !%></h2>
- </td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><%! Timer !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td background="bilder/uebersicht_mitte.gif">
- <p>Here you will find a listing of timers known to VDR.</p>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
+ <%! <p>Here you will find a listing of timers known to VDR.</p>
<p>On top you will find a chart showing a day's timers graphically. This provides an quick overview on what's going on at the specified day and helps you in finding conflicting timers. Moving the mouse cursor above any timer box will display a tooltip containing the timer's title, priority, lifetime and duration.</p>
<p>Below the chart you'll find the timers list showing you some information on the timers. You can change the list's sorting by clicking the columns heading.</p>
<p>For each timer you have the following options:
@@ -30,27 +36,27 @@
<dt>Quickly view its priority and lifetime</dt>
<dd>By pointing the mouse cursor to the timer's title.</dd>
<dt>View its EPG entry</dt>
- <dd>Timers that use "AutoTimer Checking=Transmission Identification" will show you the corresponding EPG entry if you click on the timer's title.</dd>
+ <dd>Timers that have set <span class="ref_label">AutoTimer Checking</span> to "Transmission Identification" will show you the corresponding EPG entry if you click on the timer's title.</dd>
<dt>Edit the timer</dt>
- <dd>You can edit a timer by clicking <img src="bilder/edit.gif" alt="Stift" />.</dd>
+ <dd>You can edit a timer by clicking <img src="bilder/edit.gif" alt="edit" />.</dd>
<dt>Delete the timer</dt>
- <dd>To delete a timer you click <img src="bilder/delete.gif" alt="Radiergummi" />.</dd>
+ <dd>To delete a timer you click <img src="bilder/delete.gif" alt="delete" />.</dd>
</dl>
</p>
<p>Each timer's state is indicated by differently coloured boxes (in the chart view) or images (in the list view):<br />
- <span class="col_ok">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_gruen.gif" alt="on" align="absmiddle" /> Timer is OK and will record.<br />
- <span class="col_collision">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_gelb.gif" alt="problem" align="absmiddle" /> Timer conflicts with other timers. That's not critical, as long as you have enough DVB cards for the parallel recordings.<br />
- <span class="col_conflict">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_rot.gif" alt="impossible" align="absmiddle" /> Timer is critical and will most likely <b>not</b> record.<br />
- <span class="col_inactive">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_grau.gif" alt="inactive" align="absmiddle" /> Timer is not active.
+ <span class="color_ok">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_gruen.gif" alt="on" align="absmiddle" /> Timer is OK and will record.<br />
+ <span class="color_collision">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_gelb.gif" alt="problem" align="absmiddle" /> Timer conflicts with other timers. That's not critical, as long as you have enough DVB cards for the parallel recordings.<br />
+ <span class="color_conflict">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_rot.gif" alt="impossible" align="absmiddle" /> Timer is critical and will most likely <strong>not</strong> record.<br />
+ <span class="color_inactive">&nbsp;&nbsp;&nbsp;</span> / <img src="bilder/poempl_grau.gif" alt="inactive" align="absmiddle" /> Timer is not active.
</p>
- <p>In addition to these functions you can add a new timer by clicking "New Timer" at the top and you can delete a number of timers at once by checking the box in the last column of those timers and clicking "Delete Selected Timers".</p>
+ <p>In addition to these functions you can add a new timer by clicking <span class="submit">New Timer</span> at the top and you can delete a number of timers at once by checking the box in the last column of those timers and clicking <span class="submit">Delete Selected Timers</span>.</p> !%>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
</table>
</body>
diff --git a/template/default/help_timer_new.html b/template/default/help_timer_new.html
index 0a283ef..780fd6e 100644
--- a/template/default/help_timer_new.html
+++ b/template/default/help_timer_new.html
@@ -9,65 +9,71 @@
<title><%! Edit Timer !%></title>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
</head>
<body id="timer_new">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" valign="middle" background="bilder/uebersicht_oben.gif">
- <h2><%! Edit Timer !%></h2>
- </td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="help" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><%! Edit Timer !%></h2></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td background="bilder/uebersicht_mitte.gif">
- <p>Here you can edit a timer's settings.</p>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
+ <%! <p>Here you can edit a timer's settings.</p> !%>
<dl>
- <dt>Timer Active:</dt>
- <dd>Activate or deactivate this timer. Deactivated timers are still stored in the timer list so that they can be activated again, but they do not record anything meanwhile.</dd>
- <dt>AutoTimer Checking:</dt>
- <dd>Depending on how this timer has been programmed you have up to three possible settings:
+ <dt><%! Timer Active: !%></dt>
+ <dd><%! Activate or deactivate this timer. Deactivated timers are still stored in the timer list so that they can be activated again, but they do not record anything meanwhile. !%></dd>
+ <dt><%! AutoTimer Checking: !%></dt>
+ <dd><%! Depending on how this timer has been programmed you have up to three possible settings: !%>
<dl>
- <dt>Transmission Identification</dt>
- <dd>Monitor this timer using the identification provided in the EPG. Please note that this only works if the provided identification is a fix and unique value! This option is not available with timers programmed in VDR.</dd>
- <dt>Time</dt>
- <dd>Monitor this timer using the start and stop time.</dd>
- <dt>off</dt>
- <dd>Do not monitor this timer.</dd>
+ <dt><%! Transmission Identification !%></dt>
+ <dd><%! Monitor this timer using the identification provided in the EPG. Please note that this only works if the provided identification is a fix and unique value! This option is not available with timers programmed in VDR. !%></dd>
+ <dt><%! Time !%></dt>
+ <dd><%! Monitor this timer using the start and stop time. !%></dd>
+ <dt><%! off !%></dt>
+ <dd><%! Do not monitor this timer. !%></dd>
</dl>
</dd>
- <dt>Channel</dt>
- <dd>The channel to record.</dd>
- <dt>Day Of Recording</dt>
- <dd>The day when the timer should get active. You can enter the day in two formats:
+ <dt><%! Channel: !%></dt>
+ <dd><%! The channel to record. !%></dd>
+ <dt><%! Day Of Recording: !%></dt>
+ <dd><%! The day when the timer should get active. You can enter the day in two formats:
<ul>
<li>Two digits (DD). This will use the current month and year.</li>
<li>ISO norm (YYYY-MM-DD). Program your timers as far in the future as you like.</li>
</ul>
- In case you want to program a repeating timer you can use the seven checkboxes below the text field. Check the box for each day you want the timer to get active.
+ In case you want to program a repeating timer you can use the seven checkboxes below the text field. Check the box for each day you want the timer to get active. !%>
</dd>
- <dt>Start Time</dt>
- <dd>This is the time when the timer should start recording. The first text field is for "hour", the second for "minute".
- <dt>End Time</dt>
- <dd>This is the time when the timer should stop recording. The first text field is for "hour", the second for "minute".
- <dt>Priority</dt>
- <dd>An integer in the range <b>0...99</b>, defining the <b>priority</b> of this timer and of recordings created by this timer. <b>0</b> represents the lowest value, <b>99</b> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <b>start</b> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <b>lifetime</b>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording.</dd>
- <dt>Lifetime</dt>
- <dd>The <b>guaranteed</b> lifetime (in days) of a recording created by this timer. <b>0</b> means that this recording may be automatically deleted at any time by a new recording with higher priority. <b>99</b> means that this recording will never be automatically deleted. Any number in the range <b>1...98</b> means that this recording may not be automatically deleted in favour of a new recording, until the given number of days since the <b>start</b> time of the recording has passed by.</dd>
- <dt>Title of Recording</dt>
- <dd>The <b>file name</b> this timer will give to a recording. If the name shall contain subdirectories, these have to be delimited by '~' (since the '/' character may be part of a regular programme name).<br /><br />The special keywords <b>TITLE</b> and <b>EPISODE</b>, if present, will be replaced by the title and episode information from the EPG data at the time of recording (if that data is available). If at the time of recording either of these cannot be determined, <b>TITLE</b> will default to the channel name, and <b>EPISODE</b> will default to a blank.</dd>
- <dt>Summary</dt>
- <dd>Arbitrary text that describes the recording made by this timer. If this field is not empty, its contents will be written into the <u>summary.vdr</u> file of the recording.</dd>
+ <dt><%! Start Time: !%></dt>
+ <dd><%! This is the time when the timer should start recording. The first text field is for "hour", the second for "minute". !%></dd>
+ <dt><%! End Time: !%></dt>
+ <dd><%! This is the time when the timer should stop recording. The first text field is for "hour", the second for "minute". !%></dd>
+ <dt><%! Priority: !%></dt>
+ <dd><%! An integer in the range <strong>0...99</strong>, defining the <strong>priority</strong> of this timer and of recordings created by this timer. <strong>0</strong> represents the lowest value, <strong>99</strong> the highest. The priority is used to decide which timer shall be started in case there are two or more timers with the exact same <strong>start</strong> time. The first timer in the list with the highest priority will be used.<br /><br />This value is also stored with the recording and is later used to decide which recording to remove from disk in order to free space for a new recording. If the disk runs full and a new recording needs more space, an existing recording with the lowest priority (and which has exceeded its guaranteed <strong>lifetime</strong>) will be removed.<br /><br />If all available DVB cards are currently occupied, a timer with a higher priority will interrupt the timer with the lowest priority in order to start recording. !%></dd>
+ <dt><%! Lifetime: !%></dt>
+ <dd><%! The <strong>guaranteed</strong> lifetime (in days) of a recording created by this timer. <strong>0</strong> means that this recording may be automatically deleted at any time by a new recording with higher priority. <strong>99</strong> means that this recording will never be automatically deleted. Any number in the range <strong>1...98</strong> means that this recording may not be automatically deleted in favour of a new recording, until the given number of days since the <strong>start</strong> time of the recording has passed by. !%></dd>
+ <dt><%! Title of Recording: !%></dt>
+ <dd><%! The <strong>file name</strong> this timer will give to a recording. If the name shall contain subdirectories, these have to be delimited by '~' (since the '/' character may be part of a regular programme name).<br /><br />The special keywords <strong>TITLE</strong> and <strong>EPISODE</strong>, if present, will be replaced by the title and episode information from the EPG data at the time of recording (if that data is available). If at the time of recording either of these cannot be determined, <strong>TITLE</strong> will default to the channel name, and <strong>EPISODE</strong> will default to a blank. !%></dd>
+ <dt><%! Summary: !%></dt>
+ <dd><%! Arbitrary text that describes the recording made by this timer. If this field is not empty, its contents will be written into the <span class="ref_file">summary.vdr</span> or <span class="ref_file">info.vdr</span> file of the recording. !%></dd>
</dl>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
</table>
</body>
diff --git a/template/default/index.html b/template/default/index.html
index 6f6897a..fd7e5cb 100644
--- a/template/default/index.html
+++ b/template/default/index.html
@@ -6,11 +6,14 @@
<title>VDRAdmin <tmpl_var version> (<tmpl_var host>)</title>
<link href="bilder/favicon.ico" rel="shortcut icon" />
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
-<frameset border="0" cols="165,*" frameborder="no" framespacing="0">
- <frame name="nav" noresize src="left.html" />
+<frameset border="0" cols="155,*" frameborder="no" framespacing="0">
+ <frame name="nav" noresize src="navigation.html" />
<frame name="main" noresize src="<tmpl_var loginpage>" />
<noframes>
diff --git a/template/default/infobox.js b/template/default/infobox.js
new file mode 100644
index 0000000..590ffbd
--- /dev/null
+++ b/template/default/infobox.js
@@ -0,0 +1,83 @@
+//
+// Bubblehelp infoboxes, (C) 2002 Klaus Knopper <infobox@knopper.net>
+// You can copy/modify and distribute this code under the conditions
+// of the GNU GENERAL PUBLIC LICENSE Version 2.
+//
+var IWIDTH=250 // Tip box width
+var ns4 // Are we using Netscape4?
+var ie4 // Are we using Internet Explorer Version 4?
+var ie5 // Are we using Internet Explorer Version 5 and up?
+var kon // Are we using KDE Konqueror?
+var x,y,winW,winH // Current help position and main window size
+var idiv=null // Pointer to infodiv container
+var px="px" // position suffix with "px" in some cases
+
+function nsfix(){setTimeout("window.onresize = rebrowse", 2000);}
+
+function rebrowse(){window.location.reload();}
+
+function hascss(){ return gettip('infodiv')?true:false }
+
+function infoinit(){
+ ns4=(document.layers)?true:false, ie4=(document.all)?true:false;
+ ie5=((ie4)&&((navigator.userAgent.indexOf('MSIE 5')>0)||(navigator.userAgent.indexOf('MSIE 6')>0)))?true:false;
+ kon=(navigator.userAgent.indexOf('konqueror')>0)?true:false;
+ x=0;y=0;winW=800;winH=600;
+ idiv=null;
+ document.onmousemove = mousemove;
+ if(ns4&&document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
+ // Workaround for just another netscape bug: Fix browser confusion on resize
+ // obviously conqueror has a similar problem :-(
+ if(ns4||kon){ nsfix() }
+ if(ns4) { px=""; }
+}
+
+function untip(){
+ if(idiv) idiv.visibility=ns4?"hide":"hidden";
+ idiv=null;
+}
+
+function gettip(name){return (document.layers&&document.layers[name])?document.layers[name]:(document.all&&document.all[name]&&document.all[name].style)?document.all[name].style:document[name]?document[name]:(document.getElementById(name)?document.getElementById(name).style:0);}
+
+// Prepare tip boxes, but don't show them yet
+function maketip(name,title,text){
+ if(hascss()) document.write('<div id="'+name+'" name="'+name+'" style="position:absolute; visibility:hidden; z-index:20; top:0'+px+'; left:0'+px+';"><table width='+IWIDTH+' border=0 cellpadding=2 cellspacing=0 bgcolor="#333399"><tr><td class="tiptd"><table width="100%" border=0 cellpadding=0 cellspacing=0><tr><th><span class="ptt"><b><font color="#FFFFFF">'+title+'</font></b></span></th></tr></table><table width="100%" border=0 cellpadding=2 cellspacing=0 bgcolor="#CCCCFF"><tr><td><span class="pst"><font color="#000000">'+text+'</font></span></td></tr></table></td></tr></table></div>'+"\n");
+}
+
+function tip(name){
+ if(hascss()){
+ if(idiv) untip();
+ idiv=gettip(name);
+ if(idiv){
+ winW=(window.innerWidth)? window.innerWidth+window.pageXOffset-16:document.body.offsetWidth-20;
+ winH=(window.innerHeight)?window.innerHeight+window.pageYOffset :document.body.offsetHeight;
+ if(x<=0||y<=0){ // konqueror can't get mouse position
+ x=(winW-IWIDTH)/2+(window.pageXOffset?window.pageXOffset:0); y=(winH-50)/2+(window.pageYOffset?window.pageYOffset:0); // middle of window
+ }
+ showtip();
+ }
+ }
+}
+
+function showtip(){
+ idiv.left=(((x+260)<winW)?x+12:x-255)+px; idiv.top=(((y+90)<winH)?y+12:y-90)+px;
+ idiv.visibility=ns4?"show":"visible";
+// window.status="idiv="+idiv+"X:"+(idiv.left?idiv.left:"NAN")+", Y:"+(idiv.top?idiv.top:"NAN")+", x:"+x+", y:"+y;
+}
+
+function mousemove(e){
+ if(e) {x=e.pageX?e.pageX:e.clientX?e.clientX:0; y=e.pageY?e.pageY:e.clientY?e.clientY:0;}
+ else if(event) {x=event.clientX; y=event.clientY;}
+ else {x=0; y=0;}
+ if((ie4||ie5) && document.documentElement) // Workaround for scroll offset of IE
+ {
+ x+=document.documentElement.scrollLeft;
+ y+=document.documentElement.scrollTop;
+ }
+ if(idiv) showtip();
+}
+
+// Initialize after loading the page
+window.onload=infoinit;
+
+// EOF infobox.js
diff --git a/template/default/left.html b/template/default/left.html
deleted file mode 100644
index 243f67e..0000000
--- a/template/default/left.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-
-<head>
- <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
- <title>VDRAdmin</title>
- <link href="navi.css" rel="stylesheet" media="screen" />
-
- <script>
- <!--
- function rc_open() {
- //window.open("./vdradmin.pl?aktion=rc_show", "_blank", "width=200, height=640, resizable=no, scrollbars=no, status=no, toolbar=no");
- window.open("./vdradmin.pl?aktion=rc_show", "_blank", "width=213, height=510, resizable=no, scrollbars=no, status=no, toolbar=no");
- }
- function tv_open() {
- window.open("./vdradmin.pl?aktion=tv_show", "_blank", "width=615, height=548, resizable=yes, scrollbars=no, status=no, toolbar=no");
- }
- // -->
- </script>
-</head>
-
-<body background="bilder/back.gif" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" id="navigation">
- <form action="vdradmin.pl" method="get" name="FormName" target="main">
- <table width="150" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td>
- <br />
- <a href="./" target="_top"><tmpl_if linvdr><img src="bilder/logo_linvdr.gif" alt="" height="50" width="150" border="0" /><tmpl_else><img src="bilder/logo_other.gif" alt="" height="50" width="150" border="0" /></tmpl_if></a>
- </td>
- </tr>
- <tr><td>&nbsp;</td></tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=prog_summary" target="main"><%! What's On Now? !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=prog_list2" target="main"><%! Playing Today !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=prog_timeline" target="main"><%! Timeline !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=prog_list" target="main"><%! Channels !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=timer_list" target="main"><%! Timer !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=at_timer_list" target="main"><%! AutoTimer !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=rec_list" target="main"><%! Recordings !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=config" target="main"><%! Configuration !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="javascript:rc_open();"><%! Remote Control !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr height="25">
- <td height="25"><div class="navi"><a href="javascript:tv_open();"><%! Watch TV !%></a></div></td>
- </tr>
- <tr height="2"><td height="2" background="bilder/separator.png"></td></tr>
- <tr><td>&nbsp;</td></tr>
- <tr>
- <td>
- <div class="navi">
- <input type="text" name="search" size="15" />
- <input type="submit" name="submit" value="<%! Search !%>" />
- <input type="hidden" name="aktion" value="prog_summary" />
- </div>
- </td>
- </tr>
- </table>
- </form>
-</body>
-
-</html>
diff --git a/template/default/library.js b/template/default/library.js
index 7e1a3b7..3dfa970 100644
--- a/template/default/library.js
+++ b/template/default/library.js
@@ -15,11 +15,17 @@ function change(message, suffix) {
if(check) window.location.href=suffix;
}
-function mdel(message) {
+function mdel_old(message) {
check=confirm(message);
if(check) document.FormName.submit();
}
+function mdel(message) {
+ check=confirm(message);
+// if(check) document.FormName.submit();
+ return check;
+}
+
function callurl( url ) {
image = new Image();
image.src = url;
diff --git a/template/default/navi.css b/template/default/navi.css
deleted file mode 100644
index 73f9726..0000000
--- a/template/default/navi.css
+++ /dev/null
@@ -1,6 +0,0 @@
-* { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; }
-input { color: black; font-weight: normal; font-size: 11px; }
-td { color: black; font-size: 11px; }
-a { color: black; font-weight: bold; text-decoration: none }
-a:hover { font-weight: bold; text-decoration: underline }
-.navi { margin-left: 0.5em; font-size: 12px; }
diff --git a/template/default/navigation.html b/template/default/navigation.html
new file mode 100644
index 0000000..4a98047
--- /dev/null
+++ b/template/default/navigation.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+
+<head>
+ <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
+ <title>VDRAdmin</title>
+ <link href="style.css" rel="stylesheet" media="screen" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" />
+ </tmpl_if>
+
+ <script>
+ <!--
+ function rc_open() {
+ //window.open("./vdradmin.pl?aktion=rc_show", "_blank", "width=200, height=640, resizable=no, scrollbars=no, status=no, toolbar=no");
+ window.open("./vdradmin.pl?aktion=rc_show", "_blank", "width=213, height=510, resizable=no, scrollbars=no, status=no, toolbar=no");
+ }
+ function tv_open() {
+ window.open("./vdradmin.pl?aktion=tv_show", "_blank", "width=615, height=548, resizable=yes, scrollbars=no, status=no, toolbar=no");
+ }
+ // -->
+ </script>
+</head>
+
+<body id="navigation">
+ <form action="vdradmin.pl" method="get" name="FormName" target="main">
+ <table width="150" border="0" cellspacing="0" cellpadding="0">
+ <tr>
+ <td class="logo">
+ <a href="./" target="_top"><tmpl_if linvdr><img src="bilder/logo_linvdr.gif" alt="" height="50" width="150" border="0" /><tmpl_else><img src="bilder/logo_other.gif" alt="" height="50" width="150" border="0" /></tmpl_if></a>
+ </td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=prog_summary" target="main"><%! What's On Now? !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=prog_list2" target="main"><%! Playing Today !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=prog_timeline" target="main"><%! Timeline !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=prog_list" target="main"><%! Channels !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=timer_list" target="main"><%! Timer !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=at_timer_list" target="main"><%! AutoTimer !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=rec_list" target="main"><%! Recordings !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="vdradmin.pl?aktion=config" target="main"><%! Configuration !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="javascript:rc_open();"><%! Remote Control !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="navi"><a href="javascript:tv_open();"><%! Watch TV !%></a></td>
+ </tr>
+ <tr><td class="separator"></td></tr>
+ <tr>
+ <td class="search">
+ <input type="text" name="search" size="15" />
+ <input type="submit" name="submit" value="<%! Search !%>" />
+ <input type="hidden" name="aktion" value="prog_summary" />
+ </td>
+ </tr>
+ </table>
+ </form>
+</body>
+
+</html>
diff --git a/template/default/noauth.html b/template/default/noauth.html
index 720cb69..a5405d1 100644
--- a/template/default/noauth.html
+++ b/template/default/noauth.html
@@ -4,6 +4,9 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title><%! Authorization Required !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
diff --git a/template/default/noperm.html b/template/default/noperm.html
index 804db90..0423ab4 100644
--- a/template/default/noperm.html
+++ b/template/default/noperm.html
@@ -4,10 +4,13 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title><tmpl_var title></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css"/>
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css"/>
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
-<body class="noperm">
+<body id="noperm">
<h1><tmpl_var h1></h1>
<p><tmpl_var error></p>
</body>
diff --git a/template/default/prog_detail.html b/template/default/prog_detail.html
index d053c23..f8589d3 100644
--- a/template/default/prog_detail.html
+++ b/template/default/prog_detail.html
@@ -6,20 +6,28 @@
<title><tmpl_var title></title>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
</head>
<body id="prog_detail">
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" valign="middle" background="bilder/uebersicht_oben.gif">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td>
<h2><tmpl_var channel_name><tmpl_if date>&nbsp;|&nbsp;<tmpl_var date>&nbsp;&nbsp;&nbsp;<tmpl_var start>&nbsp;-&nbsp;<tmpl_var stop></tmpl_if></h2>
</td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif">&nbsp;</td>
- <td background="bilder/uebersicht_mitte.gif">
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
<h3><tmpl_var title></h3>
<tmpl_if subtitle>
<h4><tmpl_var subtitle></h4><br />
@@ -35,12 +43,12 @@
&nbsp;<a href="http://akas.imdb.com/Tsearch?title=<tmpl_var title>" target="_blank" title="<%! Lookup movie in the Internet-Movie-Database (IMDb) !%>">[IMDb]</a>
</tmpl_if>
</td>
- <td width="30" background="bilder/uebersicht_rechts.gif">&nbsp;</td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td></td>
+ <td class="col_right"></td>
</tr>
</table>
</body>
diff --git a/template/default/prog_list.html b/template/default/prog_list.html
index 7dc27b1..1470195 100644
--- a/template/default/prog_list.html
+++ b/template/default/prog_list.html
@@ -5,14 +5,18 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! Channels !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script language="JavaScript" src="library.js"></script>
</head>
<body id="prog_list">
<form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="200" background="bilder/nav_button_back.gif">
+ <td class="col_left"></td>
+ <td class="col_title">
<h1>
<a href="javascript:callurl('<tmpl_var switchurl>');"><tmpl_var progname></a>&nbsp;&nbsp;
<tmpl_if stream_live_on>
@@ -20,16 +24,15 @@
</tmpl_if>
</h1>
</td>
- <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif"><%! Channel: !%>&nbsp;
- <select name="vdr_id" size="1" onchange="window.open('<tmpl_var url>?aktion=prog_list&vdr_id=' + this.options[this.selectedIndex].value,'main')">
+ <td class="col_other"><%! Channel: !%>&nbsp;
+ <select name="vdr_id" class="submit" onchange="window.open('<tmpl_var url>?aktion=prog_list&vdr_id=' + this.options[this.selectedIndex].value,'main')">
<tmpl_loop chanloop>
<option value="<tmpl_var vdr_id>" <tmpl_if current>selected</tmpl_if>><tmpl_var name></option>
</tmpl_loop>
</select>
<input type="submit" class="submit" name="submit" value="<%! Go! !%>" />
- <a href="javascript:toolbar('<tmpl_var toolbarurl>');" target="toolbar"><img src="bilder/spacer.gif" border="0" /></a>
</td>
- <td width="15" background="bilder/nav_button_back_end.gif">&nbsp;</td>
+ <td class="col_right"></td>
</tr>
</table>
<input type="hidden" name="aktion" value="prog_list" />
@@ -39,36 +42,36 @@
<tmpl_loop loop>
<tmpl_if newd>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr height="30">
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="3" background="bilder/uebersicht_oben.gif">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="3">
<h2><tmpl_var title></h2>
</td>
- <td align="right" background="bilder/uebersicht_oben.gif">
+ <td class="col_navi">
<tmpl_if prev_channel><a href="<tmpl_var prev_channel>"><img src="bilder/pfeile_nachlinks.gif" border="0" /></a><tmpl_else><img src="bilder/pfeile_nachlinks_soft.gif" border="0" /></tmpl_if><tmpl_if next_channel><a href="<tmpl_var next_channel>"><img src="bilder/pfeile_nachrechts.gif" border="0" /></a><tmpl_else><img src="bilder/pfeile_nachrechts_soft.gif" border="0" /></tmpl_if>
</td>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
+ <td class="col_right"></td>
</tr>
- <tr height="10">
- <td width="30" height="10" background="bilder/uebersicht_links.gif"></td>
- <td colspan="4" height="10" background="bilder/uebersicht_mitte.gif"></td>
- <td width="30" height="10" background="bilder/uebersicht_rechts.gif"></td>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
</tr>
<tmpl_else>
<tmpl_unless endd>
- <tr class="list_row">
- <td width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"><a name="<tmpl_var anchor>">&nbsp;</a></td>
- <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="duration">
+ <tr class="<tmpl_if __ODD__>row_odd<tmpl_else>row_even</tmpl_if>">
+ <td class="col_left"><a name="<tmpl_var anchor>">&nbsp;</a></td>
+ <td class="col_duration">
<div><tmpl_var emit> - <tmpl_var duration> <%! o'clock !%></div>
</td>
- <td valign="top" width="652" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="title">
+ <td class="col_title">
<div>
<h3><tmpl_var title></h3>
<tmpl_unless subtitle><br /></tmpl_unless>
<h4><tmpl_var subtitle></h4>
</div>
</td>
- <td align="right" valign="middle" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="info">
+ <td class="col_info">
<div>
<tmpl_if infurl>
<a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/info_button.gif" border="0" alt="info" /></a>
@@ -77,18 +80,18 @@
</tmpl_if>
</div>
</td>
- <td align="right" valign="middle" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="record">
+ <td class="col_record">
<div><a href="<tmpl_var recurl>"><img src="bilder/rec_button.gif" border="0" alt="record" /></a></div>
</td>
- <td width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"></td>
+ <td class="col_right"></td>
</tr>
</tmpl_unless>
</tmpl_if>
<tmpl_if endd>
- <tr>
- <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="4" background="bilder/uebersicht_unten.gif"></td>
- <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
</tr>
</table>
</tmpl_if>
diff --git a/template/default/prog_list2.html b/template/default/prog_list2.html
index 72f732c..a087698 100644
--- a/template/default/prog_list2.html
+++ b/template/default/prog_list2.html
@@ -5,6 +5,9 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! Playing Today !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<script type="text/javascript" language="JavaScript1.2">
<!--
@@ -19,15 +22,13 @@
<body id="prog_list">
<form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="200" background="bilder/nav_button_back.gif">
- <h1><%! Playing Today !%></h1>
- </td>
- <td align="right" background="bilder/nav_button_back_mitte.gif">&nbsp;</td>
+ <td class="col_left"></td>
+ <td class="col_title"><h1><%! Playing Today !%></h1></td>
<!-- TODO: really need this?
- <td align="right" background="bilder/nav_button_back_mitte.gif"><%! Channel: !%>&nbsp;
- <select name="vdr_id" size="1" onchange="window.open('<tmpl_var url>?aktion=prog_list&vdr_id=' + this.options[this.selectedIndex].value,'main')">
+ <td class="col_other"><%! Channel: !%>&nbsp;
+ <select name="vdr_id" class="submit" onchange="window.open('<tmpl_var url>?aktion=prog_list&vdr_id=' + this.options[this.selectedIndex].value,'main')">
<tmpl_loop chanloop>
<option value="<tmpl_var vdr_id>" <tmpl_if current>selected</tmpl_if>><tmpl_var name></option>
</tmpl_loop>
@@ -35,7 +36,7 @@
<a href="javascript:toolbar('<tmpl_var toolbarurl>');" target="toolbar"><img src="bilder/spacer.gif" border="0" /></a>
</td>
-->
- <td width="15" background="bilder/nav_button_back_end.gif">&nbsp;</td>
+ <td class="col_right"></td>
</tr>
</table>
<input type="hidden" name="aktion" value="prog_list" />
@@ -45,47 +46,46 @@
<tmpl_loop loop>
<tmpl_if newd>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="3" background="bilder/uebersicht_oben.gif">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="4">
<h2><tmpl_var title></h2>
<tmpl_if stream_live_on>
&nbsp;<a href="<tmpl_var streamurl>" title="<%! Stream !%>">[S]</a>
</tmpl_if>
</td>
- <td align="right" background="bilder/uebersicht_oben.gif"></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td valign="top" width="30" background="bilder/uebersicht_links.gif">&nbsp;</td>
- <td colspan="4" background="bilder/uebersicht_mitte.gif">&nbsp;</td>
- <td valign="top" width="30" background="bilder/uebersicht_rechts.gif">&nbsp;</td>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
</tr>
<tmpl_else>
<tmpl_unless endd>
- <tr class="list_row">
- <td valign="top" width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"><a name="<tmpl_var anchor>"></a>&nbsp;</td>
- <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="duration">
+ <tr class="<tmpl_if __ODD__>row_odd<tmpl_else>row_even</tmpl_if>">
+ <td class="col_left"><a name="<tmpl_var anchor>">&nbsp;</a></td>
+ <td class="col_duration">
<div><tmpl_var emit> - <tmpl_var duration> <%! o'clock !%></div>
</td>
- <td valign="top" width="652" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="title">
+ <td class="col_title">
<div><h3><tmpl_var title></h3><tmpl_unless subtitle><br /></tmpl_unless><h4><tmpl_var subtitle></h4></div>
</td>
- <td align="right" valign="middle" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="info">
+ <td class="col_info">
<div><tmpl_if infurl><a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/info_button.gif" border="0" /></a><tmpl_else><img src="bilder/info_button_disabled.gif" border="0" /></tmpl_if></div>
</td>
- <td align="right" valign="middle" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="record">
+ <td class="col_record">
<div><a href="<tmpl_var recurl>"><img src="bilder/rec_button.gif" border="0" /></a></div>
</td>
- <td valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif">&nbsp;</td>
+ <td class="col_right"></td>
</tr>
</tmpl_unless>
</tmpl_if>
<tmpl_if endd>
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="4" background="bilder/uebersicht_unten.gif">&nbsp;</td>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
</tr>
</table>
</tmpl_if>
diff --git a/template/default/prog_summary.html b/template/default/prog_summary.html
index 0bf1b1d..dbbda85 100644
--- a/template/default/prog_summary.html
+++ b/template/default/prog_summary.html
@@ -6,103 +6,84 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! What's On Now? !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script language="JavaScript" src="library.js"></script>
</head>
<body id="prog_summary">
<form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
- <tr valign="middle">
- <td valign="middle" width="100" background="bilder/nav_button_back.gif">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
+ <tr>
+ <td class="col_left"></td>
+ <td class="col_title">
<h1><tmpl_var now>&nbsp;<%! o'clock !%></h1>
</td>
- <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif">
+ <td class="col_other">
<%! What's on: !%>&nbsp;<a href="<tmpl_var nowurl>"><%! now !%></a>&nbsp;|<%! at: !%>&nbsp;
<input type="text" name="time" size="5" value="<tmpl_var now>" />
&nbsp;<%! o'clock !%>
</td>
- <td width="15" background="bilder/nav_button_back_end.gif">&nbsp;</td>
+ <td class="col_right"></td>
</tr>
</table>
<input type="hidden" name="aktion" value="prog_summary" />
- <table border="0" cellspacing="0" cellpadding="0" id="content">
<tmpl_loop rows>
- <tr>
<tmpl_loop day>
<tmpl_if longdate>
- <td valign="top" width="272" background="bilder/top.gif">
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr valign="middle" class="heading">
- <td width="60%">
- <div class="channel">
- <a name="<tmpl_var anchor>"></a>
- <h2><a href="<tmpl_var proglink>"><tmpl_var progname></a></h2>
- <tmpl_if stream_live_on>
- &nbsp;<a href="<tmpl_var streamurl>" title="<%! Stream !%>">[S]</a>
- </tmpl_if>
- </div>
- </td>
- <td align="right">
- <div class="duration">
- <tmpl_if start><tmpl_var start>-<tmpl_var stop></tmpl_if>
- </div>
- </td>
- </tr>
- </table>
-
- <div class="content">
- <div class="date"><tmpl_var longdate></div>
+ <table border="0" cellspacing="0" cellpadding="0" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td>
+ <a name="<tmpl_var anchor>"></a>
+ <h2><a href="<tmpl_var proglink>"><tmpl_var progname></a></h2>
+ <tmpl_if stream_live_on>
+ &nbsp;<a href="<tmpl_var streamurl>" title="<%! Stream !%>">[S]</a>
+ </tmpl_if>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td>
+ <div class="date"><tmpl_var longdate></div>
+ <div class="duration">
+ <tmpl_if start><tmpl_var start>-<tmpl_var stop></tmpl_if>
+ </div>
+ <div class="title">
<h3><tmpl_var title></h3>
<tmpl_if subtitle>
<h4><tmpl_var subtitle></h4>
</tmpl_if>
- <br />
- <div class="summary">
- <tmpl_if summary><tmpl_var summary> &nbsp;<a href="javascript:popup('<tmpl_var infurl>');">[<%! more !%>]</a></tmpl_if>
- </div>
- <br />
- <br />
+ </div>
+ <div class="summary">
+ <tmpl_if summary><tmpl_var summary></tmpl_if>
</div>
</td>
- <tmpl_else>
- <td width="272"></td>
- </tmpl_if>
- </tmpl_loop>
+ <td class="col_right"></td>
</tr>
- <tr>
- <tmpl_loop status>
- <tmpl_if recurl>
- <td valign="top" width="272">
- <table width="272" border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td>
- <a href="javascript:callurl('<tmpl_var switchurl>');"><img src="bilder/auge.jpg" width="71" height="38" border="0" alt="<%! TV select !%>" onmouseover="window.status='<%! TV select !%>';return true" title="<%! TV select !%>" /></a>
- </td>
- <td>
- <!-- Sendungs Titel und Subtitel -->
- <a href="vdradmin.pl?search=<tmpl_var title>&aktion=prog_summary&submit=go11)"><img src="bilder/lupe.jpg" width="63" height="38" border="0" alt="<%! Search for other show times !%>" onmouseover="window.status='<%! Search for other show times !%>';return true" title="<%! Search for other show times !%>" /></a>
- </td>
- <td>
- <tmpl_if summary>
- <a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/info.jpg" width="64" height="38" border="0" alt="<%! More Information !%>" onmouseover="window.status='<%! More Information !%>';return true" title="<%! More Information !%>" /></a>
- <tmpl_else>
- <img src="bilder/info_disabled.jpg" width="64" height="38" border="0" alt="noinfo" />
- </tmpl_if>
- </td>
- <td>
- <a href="<tmpl_var recurl>"><img src="bilder/rec.jpg" width="74" height="38" border="0" alt="<%! Record !%>" onmouseover="window.status='<%! Record !%>';return true" title="<%! Record !%>" /></a>
- </td>
- </tr>
- </table>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td>
+ <tmpl_if recurl>
+ <a href="javascript:callurl('<tmpl_var switchurl>');"><img src="bilder/sum_view.gif" width="58" height="22" border="0" alt="<%! TV select !%>" onmouseover="window.status='<%! TV select !%>';return true" title="<%! TV select !%>" /></a>
+ <a href="vdradmin.pl?search=<tmpl_var title>&aktion=prog_summary&submit=go11)"><img src="bilder/sum_find.gif" width="58" height="22" border="0" alt="<%! Search for other show times !%>" onmouseover="window.status='<%! Search for other show times !%>';return true" title="<%! Search for other show times !%>" /></a>
+ <tmpl_if summary>
+ <a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/sum_info.gif" width="58" height="22" border="0" alt="<%! More Information !%>" onmouseover="window.status='<%! More Information !%>';return true" title="<%! More Information !%>" /></a>
+ <tmpl_else>
+ <img src="bilder/sum_info_disabled.gif" width="58" height="22" border="0" alt="noinfo" />
+ </tmpl_if>
+ <a href="<tmpl_var recurl>"><img src="bilder/sum_rec.gif" width="58" height="22" border="0" alt="<%! Record !%>" onmouseover="window.status='<%! Record !%>';return true" title="<%! Record !%>" /></a>
+ </tmpl_if>
</td>
- <tmpl_else>
- <td width="272"></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
</tmpl_if>
</tmpl_loop>
- </tr>
</tmpl_loop>
- </table>
</form>
</body>
</html>
diff --git a/template/default/prog_timeline.html b/template/default/prog_timeline.html
index 4624c94..5f9e61d 100644
--- a/template/default/prog_timeline.html
+++ b/template/default/prog_timeline.html
@@ -6,6 +6,9 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! What's On Now? !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<?%-
@@ -65,14 +68,15 @@
<body id="prog_timeline">
<form action="<?% nowurl %?>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" background="bilder/nav_button_back.gif">
+ <td class="col_left"></td>
+ <td class="col_title">
<h1><?% now %?>&nbsp;<%! o'clock !%></h1>
</td>
- <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif">
+ <td class="col_other">
<%! What's on: !%>&nbsp;
- <select size="1" name="Auswahl" onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)" style="width:100px" width="100">
+ <select name="Auswahl" class="submit" onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)" style="width:100px" width="100">
<option value="<?% nowurl %?>"><%! now !%></option>
<?% FOREACH timer = times %?>
<?% timer_o_dopp = timer | replace('\:', '') %?>
@@ -84,72 +88,84 @@
&nbsp;<%! o'clock !%>
<input type="hidden" name="aktion" value="prog_timeline" />
</td>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
+ <td class="col_right"></td>
</tr>
</table>
<!-- Vertikal ansicht TOP -->
<span id="timeline" class="timeline"><img src="bilder/spacer.gif" width="1" height="1" border="0" /></span>
- <!-- Zeitleiste -->
- <table width="<?% breite + seite + 40 %?>" border="0" cellspacing="0" cellpadding="0" name="bigtable" id="bigtable">
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="3" width='<?% breite + seite %?>' background="bilder/uebersicht_oben.gif"><b><%! Timeline: !%>&nbsp;<?% date.format(akt_sekunde, '%H:%M') %?>&nbsp;<%! o'clock !%>&nbsp;<%! to !%>&nbsp;<?% date.format(bis_sec, '%H:%M') %?>&nbsp;<%! o'clock !%></b></td>
- <td align="right" background="bilder/uebersicht_oben.gif"><nobr><?% IF akt_stunde <= jetzt_stunde %?><img src="bilder/pfeile_nachlinks_soft.gif" border="0" width="28" height="30" /><?% ELSE %?><a href="<?% nowurl %?>&time=<?% akt_stunde - zeitrahmen | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachlinks.gif" border="0" width="28" height="30" /></a><?% END %?><a href="<?% nowurl %?>&time=<?% bis_stunde | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachrechts.gif" border="0" width="29" height="30" /></a></nobr></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- <tr height="20">
- <td width="30" height="20" background="bilder/uebersicht_links.gif"></td>
- <td colspan="4" background="bilder/uebersicht_mitte.gif"></td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr>
- <td valign="top" width="30" background="bilder/uebersicht_links.gif"></td>
- <td colspan="4">
- <table border="0" cellpadding="0" cellspacing="0" width="1">
- <tr>
- <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
+ <div id="content">
+ <!-- Zeitleiste -->
+ <table width="<?% breite + seite + 60 %?>" border="0" cellspacing="0" cellpadding="0" id="bigtable" class="list">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="3" width='<?% breite + seite %?>'><h2><%! Timeline: !%>&nbsp;<?% date.format(akt_sekunde, '%H:%M') %?>&nbsp;<%! o'clock !%>&nbsp;<%! to !%>&nbsp;<?% date.format(bis_sec, '%H:%M') %?>&nbsp;<%! o'clock !%></h2></td>
+ <td class="col_navi">
+ <?% IF akt_stunde <= jetzt_stunde %?>
+ <img src="bilder/pfeile_nachlinks_soft.gif" border="0" width="28" height="17" />
+ <?% ELSE %?>
+ <a href="<?% nowurl %?>&time=<?% akt_stunde - zeitrahmen | format('%02d') %?><?% akt_minute | format('%02d') %?>">
+ <img src="bilder/pfeile_nachlinks.gif" border="0" width="28" height="17" />
+ </a>
+ <?% END %?>
+ <a href="<?% nowurl %?>&time=<?% bis_stunde | format('%02d') %?><?% akt_minute | format('%02d') %?>">
+ <img src="bilder/pfeile_nachrechts.gif" border="0" width="29" height="17" />
+ </a>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td colspan="4">
+ <table border="0" cellpadding="0" cellspacing="0" width="1">
+ <tr>
+ <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
<?% WHILE minute < bis %?>
- <td colspan="6" class='<?% minute % 60 ? "color1" : "color2" %?>'>
- <img src="bilder/spacer.gif" width="<?% einheit * 30 %?>" height="1" border="0" /><br />
+ <td colspan="6" class='<?% minute % 60 ? "color1" : "color2" %?>'>
+ <img src="bilder/spacer.gif" width="<?% einheit * 30 %?>" height="1" border="0" /><br />
<?% zeit = akt_sekunde + (minute * 60) %?>
- <b><?% date.format(zeit, '%H:%M') %?></b>
- </td>
+ <b><?% date.format(zeit, '%H:%M') %?></b>
+ </td>
<?% minute = minute + 30 %?>
<?% END %?>
- </tr>
+ </tr>
<?% minute = 0 %?>
- <tr>
- <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
+ <tr>
+ <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
<?% WHILE minute < bis %?>
- <td width="1%" align="left" valign="bottom" class=<?% minute % 10 ? "color1" : "color2" %?>>
+ <td width="1%" align="left" valign="bottom" class=<?% minute % 10 ? "color1" : "color2" %?>>
<?% IF minute % 15 %?>
- <img src="bilder/pixel.gif" width="1" height="5" border="0" />
+ <img src="bilder/pixel.gif" width="1" height="5" border="0" />
<?% ELSE %?>
- <img src="bilder/pixel.gif" width="1" height="10" border="0" />
+ <img src="bilder/pixel.gif" width="1" height="10" border="0" />
<?% END %?>
- </td>
+ </td>
<?% minute = minute + 5 %?>
<?% END %?>
- </tr>
- </table>
+ </tr>
+ </table>
- <table border="0" cellpadding="0" cellspacing="0" width="1">
+ <table border="0" cellpadding="0" cellspacing="0" width="1">
<!-- Sendernamen -->
<?% b = 0;
FOREACH name = shows.keys.nsort;
old_stop_minute = -1;
chars = seite / 10 | format('%i');
b = b + 1 %?>
- <tr>
- <td valign="top" class=<?% b % 2 ? "color2" : "color1" %?>>
- <img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br />
- <a href="<?% shows.${name}.first.proglink %?>"><b><?% shows.${name}.first.progname | truncate(chars) %?></b></a>
- </td>
- <!-- Programm -->
- <td colspan="<?% (bis / 5) %?>" class=<?% b % 2 ? "color2" : "color1" %?>>
- <nobr>
+ <tr>
+ <td valign="top" class=<?% b % 2 ? "color2" : "color1" %?>>
+ <img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br />
+ <a href="<?% shows.${name}.first.proglink %?>"><b><?% shows.${name}.first.progname | truncate(chars) %?></b></a>
+ </td>
+ <!-- Programm -->
+ <td colspan="<?% (bis / 5) %?>" class=<?% b % 2 ? "color2" : "color1" %?>>
+ <nobr>
<?%
z = 0;
FOREACH show = shows.${name};
@@ -177,61 +193,62 @@
<?% IF start_minute > akt_minute && ! z %?>
<?% diff = (start_minute - akt_minute) * einheit %?>
- <table border="0" align="left" cellpadding="0" cellspacing="0">
- <tr>
- <td width="1">
- <img src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
- </td>
- </tr>
- </table>
+ <table border="0" align="left" cellpadding="0" cellspacing="0">
+ <tr>
+ <td width="1">
+ <img src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
+ </td>
+ </tr>
+ </table>
<?% END %?>
<?% IF old_stop_minute + 1 < start_minute && z %?>
<?% diff = (start_minute - old_stop_minute - 1) * einheit %?>
- <img title="DiffMinute: <?% start_minute - old_stop_minute - 1 %?>" src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
+ <img title="DiffMinute: <?% start_minute - old_stop_minute - 1 %?>" src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
<?% END %?>
- <?% td_class = date.now > show.start && date.now < show.stop ? "col_broadcast" : "col_current";
- td_class = show.timer ? "col_timer" : td_class %?>
- <table border="0" align="left" cellpadding="0" cellspacing="0" id=<?% show.timer ? "timertable" : "prgtable" %?>>
- <tr>
- <td width="1" class="<?% td_class %?>">
- <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="1" border="0" hspace="0" /><br />
- <nobr>
- <?% IF show.summary %?><a href="javascript:popup('./vdradmin.pl?aktion=prog_detail&epg_id=<?% show.anchor %?>&vdr_id=<?% show.vdr_id %?>');"><?% END %?>
- <span title="<?% show.title %?> (<?% date.format(show.start, '%H:%M') %?> - <?% date.format(show.stop, '%H:%M') %?>, <?% (show.stop - show.start) / 60 %?><%! min !%>)">
- <?% IF laenge_chars > 2 %?>
- <?% show.title | truncate( laenge_chars ) %?>
- <?% ELSE %?>
- <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="8" border="0" hspace="0" />
- <?% END %?>
- </span>
- <?% IF show.summary %?></a><?% END %?>
- </nobr>
- </td>
- </tr>
- </table>
+ <?% td_class = date.now > show.start && date.now < show.stop ? "color_current" : "color_broadcast";
+ td_class = show.timer ? "color_timer" : td_class %?>
+ <table border="0" align="left" cellpadding="0" cellspacing="0" id=<?% show.timer ? "timertable" : "prgtable" %?>>
+ <tr>
+ <td width="1" class="<?% td_class %?>">
+ <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="1" border="0" hspace="0" /><br />
+ <nobr>
+ <?% IF show.summary %?><a href="javascript:popup('./vdradmin.pl?aktion=prog_detail&epg_id=<?% show.anchor %?>&vdr_id=<?% show.vdr_id %?>');"><?% END %?>
+ <span title="<?% show.title %?> (<?% date.format(show.start, '%H:%M') %?> - <?% date.format(show.stop, '%H:%M') %?>, <?% (show.stop - show.start) / 60 %?><%! min !%>)">
+ <?% IF laenge_chars > 2 %?>
+ <?% show.title | truncate( laenge_chars ) %?>
+ <?% ELSE %?>
+ <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="8" border="0" hspace="0" />
+ <?% END %?>
+ </span>
+ <?% IF show.summary %?></a><?% END %?>
+ </nobr>
+ </td>
+ </tr>
+ </table>
<?%
END;
z = z + 1;
old_start_minute = start_minute;
old_stop_minute = stop_minute;
END %?>
- </nobr>
- </td>
- </tr>
+ </nobr>
+ </td>
+ </tr>
<?% END %?>
- </table>
- </td>
+ </table>
+ </td>
<!-- Vertikal ansicht END -->
- <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="4" background="bilder/uebersicht_unten.gif"></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- </table>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
+ </div>
</form>
</body>
</html>
diff --git a/template/default/rc.html b/template/default/rc.html
index a820821..b7b788e 100644
--- a/template/default/rc.html
+++ b/template/default/rc.html
@@ -4,6 +4,10 @@
<head>
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! Remote Control !%> (<tmpl_var host>)</title>
+ <link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script language="JavaScript">
<!--
function switch_channel(url) {
@@ -14,7 +18,7 @@
</script>
</head>
-<body bgcolor="black" id="rc">
+<body id="rc">
<table width="200" border="0" cellspacing="0" cellpadding="0" background="bilder/fern_back.jpg">
<tr>
<td></td>
diff --git a/template/default/rec_edit.html b/template/default/rec_edit.html
index 38da2eb..2b12a7d 100644
--- a/template/default/rec_edit.html
+++ b/template/default/rec_edit.html
@@ -5,52 +5,51 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! Rename Recording !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
<body id="rec_edit">
<form action="<tmpl_var url>" method="get" name="form">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="200" background="bilder/nav_button_back.gif">
+ <td class="col_left"></td>
+ <td class="col_title">
<h1><%! Rename Recording !%></h1>
</td>
- <td width="550" background="bilder/nav_button_back_mitte.gif"></td>
- <td width="203" background="bilder/nav_button_back_mitte.gif"></td>
- <td width="15"><img src="bilder/nav_button_back_end.gif" width="15" /></td>
+ <td class="col_right"></td>
</tr>
</table>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content">
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_oben_links.gif"></td>
- <td height="30" background="bilder/uebersicht_oben.gif"></td>
- <td height="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" height="30" background="bilder/uebersicht_oben_rechts.gif"></td>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content" class="group">
+ <tr class="heading">
+ <td class="col_left"/td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="15" background="bilder/uebersicht_links.gif"></td>
- <td height="15" background="bilder/uebersicht_mitte.gif"></td>
- <td height="15" background="bilder/uebersicht_mitte.gif"></td>
- <td width="30" height="15" background="bilder/uebersicht_rechts.gif"></td>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Original Name of Recording: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="title" value="<tmpl_var title>" size="55" readonly /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Original Name of Recording: !%></h5></td>
+ <td class="col_value"><input type="text" name="title" value="<tmpl_var title>" size="55" readonly /></td>
+ <td class="col_right"></td>
</tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! New Name of Recording: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="nn" value="<tmpl_var title>" size="55" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! New Name of Recording: !%></h5></td>
+ <td class="col_value"><input type="text" name="nn" value="<tmpl_var title>" size="55" /></td>
+ <td class="col_right"></td>
</tr>
- <tr height="30">
- <td width="30" height="30" background="bilder/uebersicht_unten_links.gif"></td>
- <td height="30" background="bilder/uebersicht_unten.gif"></td>
- <td height="30" background="bilder/uebersicht_unten.gif"></td>
- <td width="30" height="30" background="bilder/uebersicht_unten_rechts.gif"></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
</tr>
</table>
diff --git a/template/default/rec_list.html b/template/default/rec_list.html
index 7929320..152a863 100644
--- a/template/default/rec_list.html
+++ b/template/default/rec_list.html
@@ -5,35 +5,35 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! Recordings !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
</head>
<body id="rec_list">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="300" background="bilder/nav_button_back.gif">
- <h1><%! Recordings !%></h1>
- </td>
- <td colspan="2" align="right" background="bilder/nav_button_back_mitte.gif">&nbsp;
+ <td class="col_left"></td>
+ <td class="col_title"><h1><%! Recordings !%></h1></td>
+ <td colspan="2" class="col_other">
<tmpl_if disk_total>
<%! Total: !%>&nbsp;<tmpl_var minutes_total><%! h !%> &nbsp;(<tmpl_var disk_total>)
&nbsp;|&nbsp;<%! Free: !%>&nbsp;<tmpl_var minutes_free><%! h !%> &nbsp;(<tmpl_var disk_free>)
</tmpl_if>
- &nbsp;
</td>
<tmpl_if name="help_url">
- <td align="right" width="35" background="bilder/nav_button_back_mitte.gif">
- <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" align="right" valign="top" alt="help" title="<%! Help !%>" /></a>
+ <td class="col_help">
+ <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" alt="help" title="<%! Help !%>" /></a>
</td>
</tmpl_if>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
+ <td class="col_right"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="path">
<tr>
<td>
- &nbsp;
<tmpl_loop path>
&gt;&gt;&nbsp;<tmpl_if url><a href="<tmpl_var url>"><tmpl_var name></a><tmpl_else><tmpl_var name></tmpl_if>
</tmpl_loop>
@@ -42,10 +42,10 @@
</table>
<form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content">
- <tr class="list_heading">
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_oben<tmpl_if sortbydate>_selected</tmpl_if>.gif">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content" class="list">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2" class="col_date" <tmpl_if sortbydate>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbydateurl>"><%! Date !%>
<tmpl_if sortbydate>
@@ -56,7 +56,7 @@
</a>
</h2>
</td>
- <td colspan="2" background="bilder/uebersicht_oben<tmpl_if sortbytime>_selected</tmpl_if>.gif">
+ <td colspan="2" class="col_time" <tmpl_if sortbytime>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbytimeurl>"><%! Time !%>
<tmpl_if sortbytime>
@@ -67,7 +67,7 @@
</a>
</h2>
</td>
- <td background="bilder/uebersicht_oben<tmpl_if sortbyname>_selected</tmpl_if>.gif">
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>>
<h2>
<a href="<tmpl_var sortbynameurl>"><%! Name !%>
<tmpl_if sortbyname>
@@ -78,30 +78,38 @@
</a>
</h2>
</td>
- <td width="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" align="center" background="bilder/uebersicht_oben.gif"><input type="checkbox" name="SELALL" value="SELALL" onclick="AllMessages(this.form);" title="<%! Select all/none !%>" /></td>
+ <td class="col_edit"></td>
+ <td class="col_delete"></td>
+ <td class="col_checkbox"><input type="checkbox" name="SELALL" value="SELALL" onclick="AllMessages(this.form);" title="<%! Select all/none !%>" /></td>
<tmpl_if stream_rec_on>
- <td width="70" background="bilder/uebersicht_oben.gif"></td>
+ <td class="col_stream"></td>
</tmpl_if>
- <td width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2" class="col_date" <tmpl_if sortbydate>selected="yes"</tmpl_if>></td>
+ <td colspan="2" class="col_time" <tmpl_if sortbytime>selected="yes"</tmpl_if>></td>
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>></td>
+ <td colspan="<tmpl_if stream_rec_on>4<tmpl_else>3</tmpl_if>"></td>
+ <td class="col_right"></td>
</tr>
<tmpl_loop recloop>
- <tr height="25" class="list_row">
- <td width="30" height="22" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"></td>
- <td valign="top" align="right" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbydate>_selected</tmpl_if>.gif" class="date">
+ <tr class="<tmpl_if __ODD__>row_odd<tmpl_else>row_even</tmpl_if>">
+ <td class="col_left"></td>
+ <td class="col_date" <tmpl_if sortbydate>selected="yes"</tmpl_if>>
<div><tmpl_var date></div>
</td>
- <td valign="top" align="left" width="10" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbydate>_selected</tmpl_if>.gif" class="total">
+ <td class="col_total" <tmpl_if sortbydate>selected="yes"</tmpl_if>>
<div>
<tmpl_if isfolder> <%! Total !%></tmpl_if>
</div>
</td>
- <td valign="top" align="right" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbytime>_selected</tmpl_if>.gif" class="time">
+ <td class="col_time" <tmpl_if sortbytime>selected="yes"</tmpl_if>>
<div><tmpl_var time></div>
</td>
- <td valign="top" width="10" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbytime>_selected</tmpl_if>.gif" class="new">
+ <td class="col_new" <tmpl_if sortbytime>selected="yes"</tmpl_if>>
<div>
<tmpl_if isfolder>
<%! New !%>
@@ -112,37 +120,36 @@
</tmpl_if>
</div>
</td>
- <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbyname>_selected</tmpl_if>.gif" class="name">
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>>
<div>
<tmpl_if isfolder>
- <img align="absmiddle" src="bilder/folder.gif" border="0" />&nbsp;
- <a href="<tmpl_var infurl>"><tmpl_var name></a>
+ <a href="<tmpl_var infurl>"><img align="absmiddle" src="bilder/folder_video.png" border="0" />&nbsp;<tmpl_var name></a>
<tmpl_else>
- <a href="javascript:popup('<tmpl_var infurl>');"><tmpl_var name></a>
+ <a href="javascript:popup('<tmpl_var infurl>');"><img align="absmiddle" src="bilder/aktion.png" border="0" />&nbsp;<tmpl_var name></a>
</tmpl_if>
</div>
</td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="edit">
+ <td class="col_edit">
<div>
<tmpl_unless isfolder>
<a href="<tmpl_var editurl>"><img src="bilder/edit.gif" alt="rename" title="<%! Rename !%>" height="17" width="17" border="0" /></a>
</tmpl_unless>
</div>
</td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="delete">
+ <td class="col_delete">
<div>
<tmpl_unless isfolder>
<a href="javascript:del('<%! Delete recording? !%>', '<tmpl_var delurl>');"><img src="bilder/delete.gif" alt="delete" title="<%! Delete !%>" height="17" width="17" border="0" /></a>
</tmpl_unless>
</div>
</td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="checkbox">
+ <td class="col_checkbox">
<div>
<tmpl_unless isfolder><input type="checkbox" name="xxxx_<tmpl_var id>" /></tmpl_unless>
</div>
</td>
<tmpl_if stream_rec_on>
- <td align="center" valign="top" width="70" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="stream">
+ <td class="col_stream">
<div>
<tmpl_unless isfolder>
<a href="<tmpl_var streamurl>"><img src="bilder/stream.jpg" alt="stream" title="<%! Stream !%>" height="17" border="0" /></a>
@@ -150,18 +157,21 @@
</div>
</td>
</tmpl_if>
- <td width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"></td>
+ <td class="col_right"></td>
</tr>
</tmpl_loop>
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="<tmpl_if stream_rec_on>9<tmpl_else>8</tmpl_if>" background="bilder/uebersicht_unten.gif"></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2" class="col_date" <tmpl_if sortbydate>selected="yes"</tmpl_if>></td>
+ <td colspan="2" class="col_time" <tmpl_if sortbytime>selected="yes"</tmpl_if>></td>
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>></td>
+ <td colspan="<tmpl_if stream_rec_on>4<tmpl_else>3</tmpl_if>"></td>
+ <td class="col_right"></td>
</tr>
- <tr>
- <td width="30"></td>
- <td colspan="<tmpl_if stream_rec_on>9<tmpl_else>8</tmpl_if>" align="right"><br />
+ </table>
+
+ <div id="buttons">
<tmpl_if reccmds>
<%! Commands: !%>
<select name="rec_cmd" class="submit">
@@ -169,24 +179,10 @@
<option value="<tmpl_var id>"><tmpl_var title></option>
</tmpl_loop>
</select>
- <input type="submit" class="submit" name="rec_runcmd" value="<%! Run !%>" onclick="confirm(<%! Really run this command? !%>)" />
+ <input type="submit" class="submit" name="rec_runcmd" value="<%! Run !%>" onclick="return confirm(<%! Really run this command? !%>)" />
</tmpl_if>
-<!--
- <table border="0" cellspacing="0" cellpadding="0">
- <tr height="20">
- <td width="12" height="20" background="bilder/gbutton_left.gif"></td>
- <td align="center" height="20" background="bilder/gbutton_middle.gif">
- <a href="javascript:mdel('<%! Delete all selected recordings? !%>');"><div class="gbutton"><%! Delete Selected Recordings !%></div></a>
- </td>
- <td width="12" height="20" background="bilder/gbutton_right.gif"></td>
- </tr>
- </table>
--->
- <input type="submit" class="submit" name="rec_delete" value="<%! Delete Selected Recordings !%>" onclick="mdel('<%! Delete all selected recordings? !%>');" />
- </td>
- <td valign="top" width="30"></td>
- </tr>
- </table>
+ <input type="submit" class="submit" name="rec_delete" value="<%! Delete Selected Recordings !%>" onclick="return mdel('<%! Delete all selected recordings? !%>');" />
+ </div>
<input type="hidden" name="aktion" value="rec_delete" />
</form>
</body>
diff --git a/template/default/style.css b/template/default/style.css
index 45b4f13..714b637 100644
--- a/template/default/style.css
+++ b/template/default/style.css
@@ -8,7 +8,8 @@ textarea { color: black; font-weight: normal; font-size: 11px; }
select { color: black; font-weight: normal; font-size: 11px; }
b { font-weight: bold }
i { font-style: italic }
-.gbutton { color: black; font-weight: bold }
+.gbutton { color: black; font-weight: bold; }
+.submit { height: 20px; }
h1 { margin-right: 12px; margin-left: 12px; font-size: 13px; font-weight: bold; color: black; display: inline; }
h2 { margin: 0px; font-size: 11px; font-weight: bold; color: black; }
@@ -16,41 +17,126 @@ h3 { margin: 0px 0px; font-size: 11px; font-weight: bold; color: black; }
h4 { margin: 0px 0px; font-size: 11px; font-weight: normal; font-style: italic; color: black; }
h5 { margin: 1px 5px; font-size: 11px; font-weight: normal; color: black; text-align: right; }
+label { cursor: default; }
+
a, a:visited, a:active { color: black; text-decoration: none; }
a:hover { color: gray; text-decoration: none; }
+label + input { margin-left: 1em; }
#tv input, #tv select, #tv h5 { font-weight: normal; font-size: 9px; display: inline; }
#prog_list h2 { display: inline; }
-#prog_summary .heading div { margin: 10px 12px; }
-#prog_summary .content { margin-right: 12px; margin-left: 12px }
-#prog_summary h2 { display: inline; }
-#rec_list .list_row .name div { font-weight: bold; }
+#rec_list .col_name div { font-weight: bold; }
#prog_timeline a , #prog_timeline a:visited, #prog_timeline a:active { color: blue; }
#error h2 { font-size: 11px; color: red; }
-.list_heading h2 { margin-right: 5px; margin-left: 6px; white-space: nowrap; }
-.list_row td div { margin: 3px 5px 0px 5px; white-space: nowrap; }
-.list_row td.name div { margin: 3px 5px 0px 5px; white-space: normal; }
+.heading { height: 30px; }
+.row_spacer td { height: 10px; }
+.row_odd, .row_even { height: 25px; }
+.col_left, .col_right { width: 30px; height: 25px; }
+.col_channels { text-align: right; padding: 10px; width: 40%; }
+.col_wanted_channels { text-align: left; padding: 10px; width: 40%; }
+.col_navi { text-align: right; }
-.color1 { background-color: #e6eff9; }
-.color2 { background-color: #d5dee8; }
+.heading td[selected] { background-image: url("bilder/uebersicht_oben_selected.gif"); }
+.heading td { background-image: url("bilder/uebersicht_oben.gif"); }
+.heading .col_left { background-image: url("bilder/uebersicht_oben_links.gif"); }
+.heading .col_right { background-image: url("bilder/uebersicht_oben_rechts.gif"); }
+.row_even>td[selected] { background-image: url("bilder/uebersicht_mitte_dark_selected.gif"); }
+.row_even>td { background-image: url("bilder/uebersicht_mitte_dark.gif"); }
+.row_even>.col_left { width: 30px; background-image: url("bilder/uebersicht_links_dark.gif"); }
+.row_even>.col_right { width: 30px; background-image: url("bilder/uebersicht_rechts_dark.gif"); }
+.row_odd>td[selected], .row_spacer>td[selected] { background-image: url("bilder/uebersicht_mitte_selected.gif"); }
+.row_odd>td, .row_spacer>td { background-image: url("bilder/uebersicht_mitte.gif"); }
+.row_odd>.col_left, .row_spacer>.col_left { width: 30px; background-image: url("bilder/uebersicht_links.gif"); }
+.row_odd>.col_right, .row_spacer>.col_right { width: 30px; background-image: url("bilder/uebersicht_rechts.gif"); }
+.footer>td[selected] { height: 30px; background-image: url("bilder/uebersicht_unten_selected.gif"); }
+.footer>td { height: 30px; background-image: url("bilder/uebersicht_unten.gif"); }
+.footer>.col_left { width: 30px; background-image: url("bilder/uebersicht_unten_links.gif"); }
+.footer>.col_right { width: 30px; background-image: url("bilder/uebersicht_unten_rechts.gif"); }
+
+.heading h2 { margin-right: 5px; margin-left: 6px; white-space: nowrap; }
+.row_odd td div, .row_even td div { margin: 3px 5px 0px 5px; white-space: nowrap; }
+
+.col_duration { width: 170px; vertical-align: top; }
+.col_title { vertical-align: top; }
+.col_info, .col_record { width: 65px; }
+.col_active, .col_stream { width: 70px; }
+.col_channel { width: 120px; }
+.col_start, .col_stop, .col_date, .col_time { width: 60px; text-align: right; }
+.col_total, .col_new { width: 10px; text-align: center; padding-left: 3px; padding-right: 3px; }
+.col_edit, .col_delete, .col_checkbox { text-align: center; width: 30px; }
+.col_name div, .col_title div { white-space: normal; }
+
+#heading { height: 39px; }
+#heading tr, #heading td { vertical-align: middle; }
+#heading .col_left { width: 15px; background-image: url("bilder/nav_button_back_start.gif"); }
+#heading .col_title { background-image: url("bilder/nav_button_back_mitte.gif"); }
+#heading .col_other { text-align: right; background-image: url("bilder/nav_button_back_mitte.gif"); }
+#heading .col_other span { float: right; }
+#heading .col_help { text-align: center; width: 45px; background-image: url("bilder/nav_button_back_mitte.gif"); }
+#heading .col_right { width: 15px; background-image: url("bilder/nav_button_back_end.gif"); }
+
+#prog_timeline #prgtable td.col_content, #prog_timeline #timeline td.col_content { background-image: none; }
#prog_timeline #prgtable { border-left-color:#c4cdd7; border-bottom-color:#c4cdd7; }
#prog_timeline #timertable { background:red; border-left-color:#ffcdd7; border-bottom-color:#ffcdd7; }
#prog_timeline #timeline { background:red; }
-#prog_timeline .col_current { background-color: #e6eee9; }
-#prog_timeline .col_broadcast { background-color: #f7fffa; }
-#prog_timeline .col_timer { background-color: #ffeee9; }
-#rec_list #path { margin: 1em 0px; }
-#timer_list .col_ok { background-color: #00a317; }
-#timer_list .col_conflict { background-color: #a11917; }
-#timer_list .col_collision { background-color: #ffde62; }
-#timer_list .col_inactive { background-color: #858585; }
+#prog_timeline .color_current { background-color: #f7fffa; }
+#prog_timeline .color_broadcast { background-color: #e6eee9; }
+#prog_timeline .color_timer { background-color: #ffeee9; }
+#rec_list #path { margin: 1em 10px; }
+#timer_list .color_ok { background-color: #00a317; }
+#timer_list .color_conflict { background-color: #a11917; }
+#timer_list .color_collision { background-color: #ffde62; }
+#timer_list .color_inactive { background-color: #858585; }
#timer_list #prgtable { border-left-color:#000000; border-right-color:#000000; }
+.color1 { background-color: #e6eff9; }
+.color2 { background-color: #d5dee8; }
#content { margin-top: 1em; }
.group { margin-top: 0.5em; }
-#buttons { margin-top: 0.5em; }
+#buttons { margin-top: 0.5em; text-align: right; }
+
+#prog_summary .group { margin: 3px; width: 272px; display: inline; float: left; }
+#prog_summary h2 { display: inline; }
+#prog_summary .heading { height: 29px; }
+#prog_summary .heading td { height: 29px; width: 240px; background-image: url("bilder/sum_top_mid.gif"); white-space: nowrap; overflow: hidden; }
+#prog_summary .heading .col_left { width: 12px; height: 29px; background-image: url("bilder/sum_top_left.gif"); }
+#prog_summary .heading .col_right { width: 12px; height: 29px; background-image: url("bilder/sum_top_right.gif"); }
+#prog_summary .row_odd>td { width: 246px; height: 300px; background-image: url("bilder/sum_mid.gif"); vertical-align: top; }
+#prog_summary .row_odd>.col_left { width: 12px; height: 300px; background-image: url("bilder/sum_left.gif"); }
+#prog_summary .row_odd>.col_right { width: 12px; height: 300px; background-image: url("bilder/sum_right.gif"); }
+#prog_summary .footer>td { height: 38px; width: 240px; background-image: url("bilder/sum_bottom_mid.gif"); text-align: center; vertical-align: middle; }
+#prog_summary .footer .col_left { width: 12px; height: 38px; background-image: url("bilder/sum_bottom_left.gif"); }
+#prog_summary .footer .col_right { width: 12px; height: 38px; background-image: url("bilder/sum_bottom_right.gif"); }
+#prog_summary .date { text-align: right; margin-top: 1em; float: left; }
+#prog_summary .duration { text-align: right; margin-top: 1em; }
+#prog_summary .title { margin-top: 1em; width: 240px; overflow: hidden; }
+#prog_summary .summary { margin-top: 1em; margin-bottom: 1em; width: 240px; height: 190px; overflow: hidden; white-space: normal; }
-#help dd dl dt { margin-top: 0.3em; font-weight: normal; font-style: italic; }
#help dt { margin-top: 0.6em; font-weight: bold; font-style: italic; }
+#help dd dl dt { margin-top: 0.3em; font-weight: normal; font-style: italic; }
+#help dl { padding: 5px; }
+#help h3 { font-weight: bold; font-style: italic; letter-spacing: 0.5em; background-color: gray; color: white; padding: 2px 5px; }
+#help h4 { text-decoration: underline; font-style: normal; }
+#help strong { font-weight: bold; }
+#help .ref_menu { font-style: italic; }
+#help .ref_file { text-decoration: underline; }
+#help .ref_label { font-style: italic; }
+#help .submit { border: 1px solid black; white-space: nowrap; }
+#help .links { padding: 5px; background-color: silver; text-align: justify; }
+#help .links a { white-space: nowrap; }
+#help .group { margin-top: 0.6em; border: 1px solid black; white-space: normal; }
+#help .group p { padding: 5px; }
+#help .top_link { text-align: right; font-size: 0.8em; background-color: silver; padding: 1px 5px; margin: 0px; }
+
+/* Navigation */
+#navigation { margin: 0px; background-image: url("bilder/back.gif"); }
+#navigation .logo { padding-top: 2em; padding-bottom: 3em; }
+#navigation a { color: black; font-weight: bold; text-decoration: none; }
+#navigation a:hover { color: black; font-weight: bold; text-decoration: underline; }
+#navigation .navi { padding-left: 0.5em; font-size: 12px; height: 25px; text-align: center; }
+#navigation .search { padding-top: 2em; padding-left: 0.5em; padding-right: 0.5em; font-size: 12px; }
+#navigation input { width: 100%; }
+#navigation .separator { height: 2px; background-image: url("bilder/separator.png"); }
+
diff --git a/template/default/timer_list.html b/template/default/timer_list.html
index 5060e2a..02b94f3 100644
--- a/template/default/timer_list.html
+++ b/template/default/timer_list.html
@@ -5,13 +5,31 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! Timer !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
+ <script type="text/javascript" language="JavaScript1.2" src="infobox.js"></script>
<style type="text/css">
#prgtable { border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; }
</style>
</head>
<body id="timer_list">
+<div id="infodiv" style="position:absolute; visibility:hidden; z-index:20; top:0px; left:0px;"></div>
+<script language="JavaScript" type="text/javascript">
+<?%
+ sender="";
+ FOREACH timer = timers2;
+ IF timer.cdesc != sender && timer.starttime <= current && timer.stoptime >= current;
+ sender=timer.cdesc;
+%?>
+ maketip('VDR-<?% timer.vdr_id %?>', '<?% timer.title %?>', '<%! Priority: !%> <?% timer.prio %?><br /><%! Lifetime: !%> <?% timer.lft %?><br /><%! Duration: !%> (<?% timer.start %?> - <?% timer.stop %?>, <?% timer.duration %?><%! min !%>)' );
+<?%
+ END;
+ END;
+%?>
+</script>
<?%
datumold="";
@@ -19,55 +37,58 @@
faktor=2.2;
%?>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" width="200" background="bilder/nav_button_back.gif">
- <h1><%! Timer !%></h1>
- </td>
- <td align="right" background="bilder/nav_button_back_mitte.gif">
- <table border="0" cellspacing="0" cellpadding="0">
- <tr height="20">
- <td width="12" height="20" background="bilder/gbutton_left.gif"></td>
- <td align="center" height="20" background="bilder/gbutton_middle.gif">
- <a href="<tmpl_var nturl>"><div class="gbutton"><%! New Timer !%></div></a>
- </td>
- <td width="12" height="20" background="bilder/gbutton_right.gif"></td>
- </tr>
- </table>
+ <td class="col_left"></td>
+ <td class="col_title"><h1><%! Timer !%></h1></td>
+ <td class="col_other">
+ <span>
+ <table border="0" cellspacing="0" cellpadding="0">
+ <tr height="20">
+ <td width="12" height="20" background="bilder/gbutton_left.gif"></td>
+ <td align="center" height="20" background="bilder/gbutton_middle.gif">
+ <a href="<tmpl_var nturl>"><div class="gbutton"><%! New Timer !%></div></a>
+ </td>
+ <td width="12" height="20" background="bilder/gbutton_right.gif"></td>
+ </tr>
+ </table>
+ </span>
</td>
<tmpl_if help_url>
- <td align="right" width="35" background="bilder/nav_button_back_mitte.gif">
- <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" align="right" valign="top" alt="help" title="<%! Help !%>" /></a>
+ <td class="col_help">
+ <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" alt="help" title="<%! Help !%>" /></a>
</td>
</tmpl_if>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
+ <td class="col_right"></td>
</tr>
</table>
<div id="content">
- <form action="<tmpl_var url>" method="get" name="FormName1" class="group">
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td background="bilder/uebersicht_oben.gif">
- <h2><tmpl_var title></h2>
- </td>
- <td background="bilder/uebersicht_oben.gif" align="right">
- <select name="vdr_id" size="1" onchange="window.open('<tmpl_var url>?aktion=timer_list&timer=' + this.options[this.selectedIndex].value,'main')">
+ <form action="<tmpl_var url>" method="get" name="FormName1">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" class="list">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td><h2><tmpl_var title></h2></td>
+ <td align="right">
+ <select name="vdr_id" class="submit" onchange="window.open('<tmpl_var url>?aktion=timer_list&timer=' + this.options[this.selectedIndex].value,'main')">
<tmpl_loop day_loop>
- <option value="<tmpl_var sortfield>" <tmpl_if current>selected</tmpl_if>><tmpl_var day></option>
+ <option value="<tmpl_var sortfield>" <tmpl_if current>selected</tmpl_if>><tmpl_var day></option>
</tmpl_loop>
- </select>
- </td>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- <tr>
- <td width="30" background="bilder/uebersicht_links.gif"></td>
- <td colspan="2" background="bilder/uebersicht_mitte.gif">
- <br />
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td class="color1" height=20 width=100><img src="bilder/spacer.gif" width="100" height="1" border="0" /><br />&nbsp;</td>
+ </select>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td colspan="2" align="center">
+ <table cellspacing="0" cellpadding="0" border="0">
+ <tr>
+ <td class="color1" height="20" width="100"><img src="bilder/spacer.gif" width="100" height="1" border="0" /><br />&nbsp;</td>
<?%
stunde=0;
pos=0;
@@ -76,13 +97,13 @@
ende=((stunde * 60 / faktor) +0.5 ) | format('%i');
%?>
- <td class=<?% (stunde % 2) == 1 ? "color2" : "color1" %?> align="center"><img src="bilder/spacer.gif" width="<?% ende-pos %?>" height="1" border="0" /><br /><?% stunde - 1 %?></td>
+ <td class=<?% (stunde % 2) == 1 ? "color2" : "color1" %?> align="center"><img src="bilder/spacer.gif" width="<?% ende-pos %?>" height="1" border="0" /><br /><?% stunde - 1 %?></td>
<?%
pos=ende;
END;
%?>
- </tr>
- </table>
+ </tr>
+ </table>
<?%
programm=0;
@@ -92,30 +113,30 @@
IF timer.cdesc != sender && timer.starttime <= current && timer.stoptime >= current;
sender=timer.cdesc;
%?>
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td bgcolor="#000000" height="1"><img src="bilder/spacer.gif" width="<?% tablaenge + 100 %?>" height="1" border="0" /></td>
- </tr>
- </table>
+ <table cellspacing="0" cellpadding="0" border="0">
+ <tr>
+ <td bgcolor="#000000" height="1"><img src="bilder/spacer.gif" width="<?% tablaenge + 100 %?>" height="1" border="0" /></td>
+ </tr>
+ </table>
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td class="<?% (programm % 2) == 0 ? color2 : color1 %?>" height="20" width="100"><img src="bilder/spacer.gif" width="100" height="1" border="0" /><br /><b><?% sender | truncate(11) %?></b></td>
+ <table cellspacing="0" cellpadding="0" border="0">
+ <tr>
+ <td class="<?% (programm % 2) == 0 ? color2 : color1 %?>" height="20" width="100"><img src="bilder/spacer.gif" width="100" height="1" border="0" /><br /><b><?% sender | truncate(11) %?></b></td>
<?%
pos=0;
FOREACH sendung = timers;
IF sendung.cdesc == sender && sendung.starttime <= current && sendung.stoptime >= current;
IF sendung.active == 0 || sendung.active == 32768;
- td_class="col_inactive";
+ td_class="color_inactive";
ELSE;
IF sendung.critical == 1;
- td_class="col_conflict";
+ td_class="color_conflict";
ELSE;
IF sendung.collision == 1;
- td_class="col_collision";
+ td_class="color_collision";
ELSE;
- td_class="col_ok";
+ td_class="color_ok";
END;
END;
END;
@@ -133,19 +154,19 @@
IF start>pos;
%?>
- <td class="<?% (programm % 2) == 0 ? color2 : color1 %?>"><img src="bilder/spacer.gif" width="<?% start-pos %?>" height="1" border="0" /><br /></td>
+ <td class="<?% (programm % 2) == 0 ? color2 : color1 %?>"><img src="bilder/spacer.gif" width="<?% start-pos %?>" height="1" border="0" /><br /></td>
<?%
pos=start;
END;
IF ende - pos < 2;
%?>
- <td class="<?% td_class %?>"><span title="<?% sendung.title %?> / <%! Priority: !%> <?% timer.prio %?> / <%! Lifetime: !%> <?% timer.lft %?> / <%! Duration: !%> (<?% date.format(timer.start, '%H:%M') %?> - <?% timer.stop %?>, <?% timer.duration %?><%! min !%>)"><img src="bilder/spacer.gif" width="<?% ende - pos %?>" height="20" border="0" /></span></td>
+ <td class="<?% td_class %?>"><span onMouseOver="tip('VDR-<?% timer.vdr_id %?>'); return true;" onMouseOut="untip(); return true;" xtitle="<?% sendung.title %?> / <%! Priority: !%> <?% timer.prio %?> / <%! Lifetime: !%> <?% timer.lft %?> / <%! Duration: !%> (<?% timer.start %?> - <?% timer.stop %?>, <?% timer.duration %?><%! min !%>)"><img src="bilder/spacer.gif" width="<?% ende - pos %?>" height="20" border="0" /></span></td>
<?%
ELSE;
%?>
- <td class="<?% td_class %?>" id="prgtable"><span title="<?% sendung.title %?> / <%! Priority: !%> <?% timer.prio %?> / <%! Lifetime: !%> <?% timer.lft %?> / <%! Duration: !%> (<?% timer.start %?> - <?% timer.stop %?>, <?% timer.duration %?><%! min !%>)"><img src="bilder/spacer.gif" width="<?% ende - pos - 2 %?>" height="20" border="0" /></span></td>
+ <td class="<?% td_class %?>" id="prgtable"><span onMouseOver="tip('VDR-<?% timer.vdr_id %?>'); return true;" onMouseOut="untip(); return true;" xtitle="<?% sendung.title %?> / <%! Priority: !%> <?% timer.prio %?> / <%! Lifetime: !%> <?% timer.lft %?> / <%! Duration: !%> (<?% timer.start %?> - <?% timer.stop %?>, <?% timer.duration %?><%! min !%>)"><img src="bilder/spacer.gif" width="<?% ende - pos - 2 %?>" height="20" border="0" /></span></td>
<?%
END;
@@ -154,197 +175,203 @@
END;
IF pos<tablaenge;
%?>
- <td class="<?% (programm % 2) == 0 ? color2 : color1 %?>"><img src="bilder/spacer.gif" width="<?% tablaenge - pos %?>" height="1" border="0" /><br /></td>
+ <td class="<?% (programm % 2) == 0 ? color2 : color1 %?>"><img src="bilder/spacer.gif" width="<?% tablaenge - pos %?>" height="1" border="0" /><br /></td>
<?%
END;
%?>
- </tr>
- </table>
+ </tr>
+ </table>
<?%
programm=programm+1;
END;
END;
%?>
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td bgcolor="#000000" height="1"><img src="bilder/spacer.gif" width="<?% tablaenge + 100 %?>" height="1" border="0" /></td>
- </tr>
- </table>
- </td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="2" background="bilder/uebersicht_unten.gif"></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- </table>
- <input type="hidden" name="aktion" value="timer_list" />
- </form>
+ <table cellspacing="0" cellpadding="0" border="0">
+ <tr>
+ <td bgcolor="#000000" height="1"><img src="bilder/spacer.gif" width="<?% tablaenge + 100 %?>" height="1" border="0" /></td>
+ </tr>
+ </table>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
+ <input type="hidden" name="aktion" value="timer_list" />
+ </form>
- <form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" class="group">
- <tr class="list_heading">
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td width="70" background="bilder/uebersicht_oben<tmpl_if sortbyactive>_selected</tmpl_if>.gif">
- <h2>
- <a href="<tmpl_var sortbyactiveurl>"><%! Active !%>
- <tmpl_if sortbyactive>
- <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
- <tmpl_else>
- <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
- </tmpl_if>
- </a>
- </h2>
- </td>
- <td width="10%" background="bilder/uebersicht_oben<tmpl_if sortbychannel>_selected</tmpl_if>.gif">
- <h2>
- <a href="<tmpl_var sortbychannelurl>"><%! Channel !%>
- <tmpl_if sortbychannel>
- <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
- <tmpl_else>
- <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
- </tmpl_if>
- </a>
- </h2>
- </td>
- <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbyday>_selected</tmpl_if>.gif">
- <h2>
- <a href="<tmpl_var sortbydayurl>"><%! Date !%>
- <tmpl_if sortbyday>
- <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
- <tmpl_else>
- <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
- </tmpl_if>
- </a>
- </h2>
- </td>
- <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystart>_selected</tmpl_if>.gif">
- <h2>
- <a href="<tmpl_var sortbystarturl>"><%! Start !%>
- <tmpl_if sortbystart>
- <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
- <tmpl_else>
- <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
- </tmpl_if>
- </a>
- </h2>
- </td>
- <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystop>_selected</tmpl_if>.gif">
- <h2>
- <a href="<tmpl_var sortbystopurl>"><%! Stop !%>
- <tmpl_if sortbystop>
- <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
- <tmpl_else>
- <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
- </tmpl_if>
- </a>
- </h2>
- </td>
- <td background="bilder/uebersicht_oben<tmpl_if sortbyname>_selected</tmpl_if>.gif">
- <h2>
- <a href="<tmpl_var sortbynameurl>"><%! Name !%>
- <tmpl_if sortbyname>
- <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
- <tmpl_else>
- <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
- </tmpl_if>
- </a>
- </h2>
- </td>
- <td width="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" align="center" background="bilder/uebersicht_oben.gif"><input type="checkbox" name="SELALL" value="SELALL" onclick="AllMessages(this.form);" title="<%! Select all/none !%>" /></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
+ <form action="<tmpl_var url>" method="get" name="FormName">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" class="list">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>>
+ <h2>
+ <a href="<tmpl_var sortbyactiveurl>"><%! Active !%>
+ <tmpl_if sortbyactive>
+ <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
+ <tmpl_else>
+ <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
+ </tmpl_if>
+ </a>
+ </h2>
+ </td>
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>>
+ <h2>
+ <a href="<tmpl_var sortbychannelurl>"><%! Channel !%>
+ <tmpl_if sortbychannel>
+ <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
+ <tmpl_else>
+ <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
+ </tmpl_if>
+ </a>
+ </h2>
+ </td>
+ <td class="col_date" <tmpl_if sortbyday>selected="yes"</tmpl_if>>
+ <h2>
+ <a href="<tmpl_var sortbydayurl>"><%! Date !%>
+ <tmpl_if sortbyday>
+ <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
+ <tmpl_else>
+ <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
+ </tmpl_if>
+ </a>
+ </h2>
+ </td>
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>>
+ <h2>
+ <a href="<tmpl_var sortbystarturl>"><%! Start !%>
+ <tmpl_if sortbystart>
+ <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
+ <tmpl_else>
+ <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
+ </tmpl_if>
+ </a>
+ </h2>
+ </td>
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>>
+ <h2>
+ <a href="<tmpl_var sortbystopurl>"><%! Stop !%>
+ <tmpl_if sortbystop>
+ <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
+ <tmpl_else>
+ <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
+ </tmpl_if>
+ </a>
+ </h2>
+ </td>
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>>
+ <h2>
+ <a href="<tmpl_var sortbynameurl>"><%! Name !%>
+ <tmpl_if sortbyname>
+ <img src="bilder/sortiert_<tmpl_if desc>desc<tmpl_else>asc</tmpl_if>.gif" alt="" width="9" height="11" border="0" />
+ <tmpl_else>
+ <img src="bilder/spacer.gif" alt="" width="9" height="11" border="0" />
+ </tmpl_if>
+ </a>
+ </h2>
+ </td>
+ <td class="col_edit"></td>
+ <td class="col_delete"></td>
+ <td class="col_checkbox"><input type="checkbox" name="SELALL" value="SELALL" onclick="AllMessages(this.form);" title="<%! Select all/none !%>" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>></td>
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>></td>
+ <td class="col_date" <tmpl_if sortbyday>selected="yes"</tmpl_if>></td>
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>></td>
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>></td>
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>></td>
+ <td colspan="3"></td>
+ <td class="col_right"></td>
+ </tr>
<tmpl_loop timer_loop>
- <tr class="list_row">
- <td width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"></td>
- <td valign="top" width="70" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbyactive>_selected</tmpl_if>.gif" class="active">
- <div>
- <tmpl_if expr="(active%32768) == 0">
- <img src="bilder/poempl_grau.gif" alt="inactive" title="<%! This timer is inactive! !%>" width="19" height="19" align="absmiddle" border="0" />
- <tmpl_else>
- <tmpl_if critical>
- <img src="bilder/poempl_rot.gif" alt="impossible" title="<%! This timer is impossible! !%>" width="19" height="19" align="absmiddle" border="0" />
+ <tr class="<tmpl_if __ODD__>row_odd<tmpl_else>row_even</tmpl_if>">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>>
+ <div>
+ <tmpl_if expr="(active%32768) == 0">
+ <img src="bilder/poempl_grau.gif" alt="inactive" title="<%! This timer is inactive! !%>" width="19" height="19" align="absmiddle" border="0" />
<tmpl_else>
- <tmpl_if collision>
- <img src="bilder/poempl_gelb.gif" alt="nomore" title="<%! No more timers on other transponders possible! !%>" width="19" height="19" align="absmiddle" border="0" />
+ <tmpl_if critical>
+ <img src="bilder/poempl_rot.gif" alt="impossible" title="<%! This timer is impossible! !%>" width="19" height="19" align="absmiddle" border="0" />
<tmpl_else>
- <tmpl_if active>
- <img src="bilder/poempl_gruen.gif" alt="possible" title="<%! Timer OK. !%>" width="19" height="19" align="absmiddle" border="0" />
+ <tmpl_if collision>
+ <img src="bilder/poempl_gelb.gif" alt="nomore" title="<%! No more timers on other transponders possible! !%>" width="19" height="19" align="absmiddle" border="0" />
+ <tmpl_else>
+ <tmpl_if active>
+ <img src="bilder/poempl_gruen.gif" alt="possible" title="<%! Timer OK. !%>" width="19" height="19" align="absmiddle" border="0" />
+ </tmpl_if>
</tmpl_if>
</tmpl_if>
</tmpl_if>
- </tmpl_if>
- <a href="javascript:change('<%! Edit timer status? !%>','<tmpl_var toggleurl>&timer=<?% current %?>');">
- <tmpl_if expr="active == 1"><%! Yes !%></tmpl_if>
- <tmpl_if expr="(active%32768) == 0"><%! No !%></tmpl_if>
- <tmpl_if expr="active == 5"><%! VPS !%></tmpl_if>
- <tmpl_if expr="active == 32769"><%! Auto !%></tmpl_if>
- </a>
- </div>
- </td>
- <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbychannel>_selected</tmpl_if>.gif" class="channel">
- <div><a href="<tmpl_var proglink>"><tmpl_var cdesc></a></div>
- </td>
- <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbyday>_selected</tmpl_if>.gif" class="date">
- <div><tmpl_var dor></div>
- </td>
- <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbystart>_selected</tmpl_if>.gif" class="start">
- <div><tmpl_var start></div>
- </td>
- <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbystop>_selected</tmpl_if>.gif" class="stop">
- <div><tmpl_var stop></div>
- </td>
- <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbyname>_selected</tmpl_if>.gif" class="name">
- <div title="<%! Priority: !%> <tmpl_var prio> / <%! Lifetime: !%> <tmpl_var lft>">
- <tmpl_if recording><img align="absmiddle" src="bilder/rec.gif" border="0" />&nbsp;</tmpl_if>
- <tmpl_if infurl>
- <a href="javascript:popup('<tmpl_var infurl>');"><tmpl_var title></a>
- <tmpl_else>
- <tmpl_var title>
- </tmpl_if>
- </div>
- </td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="edit">
- <div><a href="<tmpl_var modurl>"><img src="bilder/edit.gif" alt="edit" title="<%! Edit !%>" height="17" width="17" border="0" /></a></div>
- </td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="delete">
- <div><a href="javascript:del('<%! Delete timer? !%>','<tmpl_var delurl>');"><img src="bilder/delete.gif" alt="delete" title="<%! Delete !%>" height="17" width="17" border="0" /></a></div>
- </td>
- <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="checkbox">
- <div><input type="checkbox" name="xxxx_<tmpl_var id>" /></div>
- </td>
- <td width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"></td>
- </tr>
+ <a href="javascript:change('<%! Edit timer status? !%>','<tmpl_var toggleurl>&timer=<?% current %?>');">
+ <tmpl_if expr="active == 1"><%! Yes !%></tmpl_if>
+ <tmpl_if expr="(active%32768) == 0"><%! No !%></tmpl_if>
+ <tmpl_if expr="active == 5"><%! VPS !%></tmpl_if>
+ <tmpl_if expr="active == 32769"><%! Auto !%></tmpl_if>
+ </a>
+ </div>
+ </td>
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>>
+ <div><a href="<tmpl_var proglink>"><tmpl_var cdesc></a></div>
+ </td>
+ <td class="col_date" <tmpl_if sortbyday>selected="yes"</tmpl_if>>
+ <div><tmpl_var dor></div>
+ </td>
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>>
+ <div><tmpl_var start></div>
+ </td>
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>>
+ <div><tmpl_var stop></div>
+ </td>
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>>
+ <div title="<%! Priority: !%> <tmpl_var prio> / <%! Lifetime: !%> <tmpl_var lft>">
+ <tmpl_if recording><img align="absmiddle" src="bilder/rec.gif" border="0" />&nbsp;</tmpl_if>
+ <tmpl_if infurl>
+ <a href="javascript:popup('<tmpl_var infurl>');"><tmpl_var title></a>
+ <tmpl_else>
+ <tmpl_var title>
+ </tmpl_if>
+ </div>
+ </td>
+ <td class="col_edit">
+ <div><a href="<tmpl_var modurl>"><img src="bilder/edit.gif" alt="edit" title="<%! Edit !%>" height="17" width="17" border="0" /></a></div>
+ </td>
+ <td class="col_delete">
+ <div><a href="javascript:del('<%! Delete timer? !%>','<tmpl_var delurl>');"><img src="bilder/delete.gif" alt="delete" title="<%! Delete !%>" height="17" width="17" border="0" /></a></div>
+ </td>
+ <td class="col_checkbox">
+ <div><input type="checkbox" name="xxxx_<tmpl_var id>" /></div>
+ </td>
+ <td class="col_right"></td>
+ </tr>
</tmpl_loop>
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="9" background="bilder/uebersicht_unten.gif"></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- </table>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td class="col_active" <tmpl_if sortbyactive>selected="yes"</tmpl_if>></td>
+ <td class="col_channel" <tmpl_if sortbychannel>selected="yes"</tmpl_if>></td>
+ <td class="col_date" <tmpl_if sortbyday>selected="yes"</tmpl_if>></td>
+ <td class="col_start" <tmpl_if sortbystart>selected="yes"</tmpl_if>></td>
+ <td class="col_stop" <tmpl_if sortbystop>selected="yes"</tmpl_if>></td>
+ <td class="col_name" <tmpl_if sortbyname>selected="yes"</tmpl_if>></td>
+ <td colspan="3"></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
+ </div>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="buttons">
- <tr>
- <td align="right">
- <table border="0" cellspacing="0" cellpadding="0">
- <tr height="20">
- <td width="12" height="20" background="bilder/gbutton_left.gif"></td>
- <td align="center" height="20" background="bilder/gbutton_middle.gif">
- <a href="javascript:mdel('<%! Delete all selected timers? !%>');"><div class="gbutton"><%! Delete Selected Timers !%></div></a>
- </td>
- <td width="12" height="20" background="bilder/gbutton_right.gif"></td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
+ <div id="buttons">
+ <input type="submit" class="submit" name="timer_delete" value="<%! Delete Selected Timers !%>" onclick="return mdel('<%! Delete all selected timers? !%>');" />
+ </div>
<input type="hidden" name="aktion" value="timer_delete" />
</form>
</div>
diff --git a/template/default/timer_new.html b/template/default/timer_new.html
index f335cb6..75f8224 100644
--- a/template/default/timer_new.html
+++ b/template/default/timer_new.html
@@ -5,6 +5,9 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <tmpl_if newtimer><%! Create New Timer !%><tmpl_else><%! Edit Timer !%></tmpl_if></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<script type="text/javascript" language="JavaScript1.2">
<!--
@@ -39,141 +42,145 @@
<body onload='eCheckbox("<tmpl_var dor>")' id="timer_new">
<form action="<tmpl_var url>" method="get" name="form">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading">
- <tr>
- <td valign="middle" width="500" background="bilder/nav_button_back.gif">
- <h1><tmpl_if newtimer><%! Create New Timer !%><tmpl_else><%! Edit Timer !%></tmpl_if></h1>
- </td>
- <td background="bilder/nav_button_back_mitte.gif"></td>
- <td width="35" background="bilder/nav_button_back_mitte.gif">
- <tmpl_if name="help_url"><a href="javascript:open_help('<tmpl_var help_url>');">
- <img src="bilder/help.gif" border="0" align="right" valign="top" alt="help" title="<%! Help !%>" /></a>
- </tmpl_if>
- </td>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
- </tr>
- </table>
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
+ <tr>
+ <td class="col_left"></td>
+ <td class="col_title">
+ <h1><tmpl_if newtimer><%! Create New Timer !%><tmpl_else><%! Edit Timer !%></tmpl_if></h1>
+ </td>
+<tmpl_if name="help_url">
+ <td class="col_help">
+ <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" alt="help" title="<%! Help !%>" /></a>
+ </td>
+</tmpl_if>
+ <td class="col_right"></td>
+ </tr>
+ </table>
- <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content">
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_oben_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td height="30" background="bilder/uebersicht_oben.gif"></td>
- <td height="30" background="bilder/uebersicht_oben.gif"></td>
- <td width="30" height="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Timer Active: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <input type="radio" name="active" value="1" <tmpl_if active>checked</tmpl_if> /> <%! Yes !%>
- <input type="radio" name="active" value="0" <tmpl_unless active>checked</tmpl_unless> /> <%! No !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! AutoTimer Checking: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <tmpl_if expr="event_id > 1">
- <input type="radio" name="event_id" value="<tmpl_var event_id>" checked /> <%! Transmission Identification !%>
- </tmpl_if>
- <input type="radio" name="event_id" value="1" <tmpl_if expr="event_id == 1">checked</tmpl_if> /> <%! Time !%>
- <input type="radio" name="event_id" value="0" <tmpl_if expr="event_id == 0">checked</tmpl_if> /> <%! off !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Channel: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <select name="channel" size="1">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content" class="group">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Timer Active: !%></h5></td>
+ <td class="col_value">
+ <input type="radio" name="active" value="1" id="active_yes" <tmpl_if active>checked</tmpl_if> /><label for="active_yes"><%! Yes !%></label>
+ <input type="radio" name="active" value="0" id="active_no" <tmpl_unless active>checked</tmpl_unless> /><label for="active_no"><%! No !%></label>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! AutoTimer Checking: !%></h5></td>
+ <td class="col_value">
+ <tmpl_if expr="event_id > 1">
+ <input type="radio" name="event_id" value="<tmpl_var event_id>" id="event_id" checked /><label for="event_id"><%! Transmission Identification !%></label>
+ </tmpl_if>
+ <input type="radio" name="event_id" value="1" id="event_time" <tmpl_if expr="event_id == 1">checked</tmpl_if> /><label for="event_time"><%! Time !%></label>
+ <input type="radio" name="event_id" value="0" id="event_off" <tmpl_if expr="event_id == 0">checked</tmpl_if> /><label for="event_off"><%! off !%></label>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Channel: !%></h5></td>
+ <td class="col_value">
+ <select name="channel" class="submit">
<tmpl_loop name="channels">
- <option value="<tmpl_var vdr_id>" <tmpl_if current>selected</tmpl_if>><tmpl_var name="name"></option>
+ <option value="<tmpl_var vdr_id>" <tmpl_if current>selected</tmpl_if>><tmpl_var name="name"></option>
</tmpl_loop>
- </select>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td valign="top" width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td valign="top" width="20%" height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Day Of Recording: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="text" name="dor" value="<tmpl_var dor>" size="20" />
- <br />
- <input onclick="cTimer(1)" type="checkbox" name="D0" value="1" /> <%! Monday !%>
- <input onclick="cTimer(2)" type="checkbox" name="D1" value="1" /> <%! Tuesday !%>
- <input onclick="cTimer(3)" type="checkbox" name="D2" value="radioValue" /> <%! Wednesday !%>
- <input onclick="cTimer(4)" type="checkbox" name="D3" value="radioValue" /> <%! Thursday !%>
- <input onclick="cTimer(5)" type="checkbox" name="D4" value="radioValue" /> <%! Friday !%>
- <input onclick="cTimer(6)" type="checkbox" name="D5" value="radioValue" /> <%! Saturday !%>
- <input onclick="cTimer(7)" type="checkbox" name="D6" value="radioValue" /> <%! Sunday !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Start Time: !%><h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif">
- <input type="text" name="starth" value="<tmpl_var starth>" size="2" maxlength="2" />
- <b>&nbsp;:&nbsp;</b>
- <input type="text" name="startm" value="<tmpl_var startm>" size="2" maxlength="2" />
- &nbsp;<%! o'clock !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! End Time: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif">
- <input type="text" name="stoph" value="<tmpl_var stoph>" size="2" maxlength="2" />
- <b>&nbsp;:&nbsp;</b>
- <input type="text" name="stopm" value="<tmpl_var stopm>" size="2" maxlength="2" />
- &nbsp;<%! o'clock !%>
- </td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Priority: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="prio" value="<tmpl_var prio>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links_dark.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Lifetime: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="lft" value="<tmpl_var lft>" size="2" maxlength="2" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="25">
- <td width="30" height="25" background="bilder/uebersicht_links.gif"></td>
- <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! Title of Recording: !%></h5></td>
- <td height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="title" value="<tmpl_var title>" size="80" /></td>
- <td width="30" height="25" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr>
- <td valign="top" width="30" background="bilder/uebersicht_links_dark.gif"></td>
- <td valign="top" width="20%" background="bilder/uebersicht_mitte_dark.gif"><h5><%! Summary: !%></h5></td>
- <td background="bilder/uebersicht_mitte_dark.gif"><textarea name="summary" rows="6" cols="80"><tmpl_var summary></textarea></td>
- <td width="30" background="bilder/uebersicht_rechts_dark.gif"></td>
- </tr>
- <tr height="30">
- <td width="30" height="30"><img src="bilder/uebersicht_unten_links.gif" alt="" width="30" height="30" border="0" /></td>
- <td colspan="2" height="30" background="bilder/uebersicht_unten.gif"></td>
- <td width="30" height="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td>
- </tr>
- </table>
+ </select>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td valign="top" class="col_left"></td>
+ <td valign="top" class="col_label"><h5><%! Day Of Recording: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="dor" value="<tmpl_var dor>" size="20" />
+ <br />
+ <input onclick="cTimer(1)" type="checkbox" name="D0" value="1" id="wday_mon" /><label for="wday_mon"><%! Monday !%></label>
+ <input onclick="cTimer(2)" type="checkbox" name="D1" value="1" id="wday_tue" /><label for="wday_tue"><%! Tuesday !%></label>
+ <input onclick="cTimer(3)" type="checkbox" name="D2" value="1" id="wday_wed" /><label for="wday_wed"><%! Wednesday !%></label>
+ <input onclick="cTimer(4)" type="checkbox" name="D3" value="1" id="wday_thu" /><label for="wday_thu"><%! Thursday !%></label>
+ <input onclick="cTimer(5)" type="checkbox" name="D4" value="1" id="wday_fri" /><label for="wday_fri"><%! Friday !%></label>
+ <input onclick="cTimer(6)" type="checkbox" name="D5" value="1" id="wday_sat" /><label for="wday_sat"><%! Saturday !%></label>
+ <input onclick="cTimer(7)" type="checkbox" name="D6" value="1" id="wday_sun" /><label for="wday_sun"><%! Sunday !%></label>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Start Time: !%><h5></td>
+ <td class="col_value">
+ <input type="text" name="starth" value="<tmpl_var starth>" size="2" maxlength="2" />
+ <b>&nbsp;:&nbsp;</b>
+ <input type="text" name="startm" value="<tmpl_var startm>" size="2" maxlength="2" />
+ &nbsp;<%! o'clock !%>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! End Time: !%></h5></td>
+ <td class="col_value">
+ <input type="text" name="stoph" value="<tmpl_var stoph>" size="2" maxlength="2" />
+ <b>&nbsp;:&nbsp;</b>
+ <input type="text" name="stopm" value="<tmpl_var stopm>" size="2" maxlength="2" />
+ &nbsp;<%! o'clock !%>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Priority: !%></h5></td>
+ <td class="col_value"><input type="text" name="prio" value="<tmpl_var prio>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Lifetime: !%></h5></td>
+ <td class="col_value"><input type="text" name="lft" value="<tmpl_var lft>" size="2" maxlength="2" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td class="col_label"><h5><%! Title of Recording: !%></h5></td>
+ <td class="col_value"><input type="text" name="title" value="<tmpl_var title>" size="80" /></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_even">
+ <td class="col_left"></td>
+ <td class="col_label" valign="top"><h5><%! Summary: !%></h5></td>
+ <td class="col_value"><textarea name="summary" rows="6" cols="80"><tmpl_var summary></textarea></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="2"></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
- <div id="buttons">
- <input type="submit" class="submit" name="save" value="<%! Save !%>" />
- <input type="submit" class="submit" name="exit" value="<%! Cancel !%>" />
- </div>
- <input type="hidden" name="aktion" value="timer_add" />
- <tmpl_if referer>
- <input type="hidden" name="referer" value="<tmpl_var referer>" />
- </tmpl_if>
- <tmpl_if timer_id>
- <input type="hidden" name="timer_id" value="<tmpl_var timer_id>" />
- </tmpl_if>
+ <div id="buttons">
+ <input type="submit" class="submit" name="save" value="<%! Save !%>" />
+ <input type="submit" class="submit" name="exit" value="<%! Cancel !%>" />
+ </div>
+ <input type="hidden" name="aktion" value="timer_add" />
+ <tmpl_if referer>
+ <input type="hidden" name="referer" value="<tmpl_var referer>" />
+ </tmpl_if>
+ <tmpl_if timer_id>
+ <input type="hidden" name="timer_id" value="<tmpl_var timer_id>" />
+ </tmpl_if>
</form>
</body>
diff --git a/template/default/toolbar.html b/template/default/toolbar.html
deleted file mode 100644
index 00f8a9f..0000000
--- a/template/default/toolbar.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-
-<head>
- <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
- <title>VDRAdmin - Toolbar</title>
- <link href="style.css" rel="stylesheet" media="screen" type="text/css" />
- <script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
-</head>
-
-<body id="toolbar">
- <form action="<tmpl_var url>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td>
- <select name="vdr_id" size="1" onchange="window.open('<tmpl_var url>?aktion=prog_list&vdr_id=' + this.options[this.selectedIndex].value,'main')">
-<tmpl_loop chanloop>
- <option value="<tmpl_var vdr_id>" <tmpl_if current>selected</tmpl_if>><tmpl_var name></option>
-</tmpl_loop>
- </select>
- &nbsp;<input type="submit" name="submit" value="Go!" />
- <input type="hidden" name="aktion" value="prog_list" />
- </td>
- </tr>
- </table>
- </form>
-</body>
-
-</html>
diff --git a/template/default/tv.html b/template/default/tv.html
index 3c4fb90..723b68c 100644
--- a/template/default/tv.html
+++ b/template/default/tv.html
@@ -5,6 +5,9 @@
<title>VDRAdmin - <%! TV !%> (<tmpl_var host>)</title>
<meta http-equiv="Content-Type" content="text/html; <%! charset=ISO-8859-1 !%>" />
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<script language="JavaScript">
<!--
@@ -164,13 +167,13 @@
</td>
</tr>
<tr>
- <td colspan="3">&nbsp;</td>
+ <td colspan="3"></td>
</tr>
<tr valign="middle">
<td valign="middle">
<nobr>
<h5><%! Interval: !%></h5>
- <select name="Seconds" size="1" onChange="v_changeInterval(this.options[this.selectedIndex].value)">
+ <select name="Seconds" class="submit" onChange="v_changeInterval(this.options[this.selectedIndex].value)">
<option value="0"><%! off !%></option>
<option value="1"> 1 <%! sec. !%></option>
<option value="2"> 2 <%! sec. !%></option>
@@ -182,7 +185,7 @@
</select>
<input type="button" class="submit" name="livebild" value='<%! G !%>' title="<%! Grab the picture! !%>" onClick="WebcamUpdate()" />
&nbsp;&nbsp;<h5><%! Size: !%></h5>
- <select name="Size" size="1" onChange="v_changeSize(this.options[this.selectedIndex].value)">
+ <select name="Size" class="submit" onChange="v_changeSize(this.options[this.selectedIndex].value)">
<option value="full">1:1</option>
<option value="half" selected>1:2</option>
<option value="quarter">1:4</option>
@@ -190,10 +193,10 @@
<input type="button" class="submit" name="livebild" value='<%! G !%>' title="<%! Grab the picture! !%>" onClick="WebcamUpdate()" />
</nobr>
</td>
- <td colspan="2">&nbsp;</td>
+ <td colspan="2"></td>
</tr>
<tr>
- <td colspan="3">&nbsp;</td>
+ <td colspan="3"></td>
</tr>
</table>
</form>
diff --git a/template/default/tv_flash.html b/template/default/tv_flash.html
deleted file mode 100644
index 29373cc..0000000
--- a/template/default/tv_flash.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
- <title>VDRAdmin - <%! TV !%> (<tmpl_var host>)</title>
- <meta http-equiv="Content-Type" content="text/html; <%! charset=ISO-8859-1 !%>" />
- <link href="style.css" rel="stylesheet" media="screen" type="text/css" />
- <script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
-</head>
-
-<body id="tv">
- <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0" width="100%" height="100%" id="remote" align="middle">
- <param name="allowScriptAccess" value="sameDomain" />
- <param name="movie" value="bilder/remote.swf" />
- <param name="quality" value="high" />
- <param name="bgcolor" value="#ffffff" />
- <embed src="bilder/remote.swf" quality="high" bgcolor="#ffffff" width="100%" height="100%" name="remote" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
- </object>
-</body>
-</html>
diff --git a/template/i18n.pl b/template/i18n.pl
index 93aca01..e52a84f 100644
--- a/template/i18n.pl
+++ b/template/i18n.pl
@@ -22,38 +22,3 @@
%MESSAGE = (
overview => gettext("Schedule"),
);
-
-%HELP = (
- conf_list =>
-gettext("<b>Configuration:</b>
-<p>Here you can change general settings and base settings for timers, autotimers, channel selection and streaming parameters.
-</p>
-<b>General Settings:</b>
-<p>Here you can change the languge, the start page, the look, and the number of DVB cards. Besides this the base settings for timers, autotimers, the channel selection and streaming parameters can be configured here.
-</p>
-<b>Identification:</b>
-<p>Clicking on |<input type=\"radio\"> <i>yes</i> | or |<input type=\"radio\" checked> <i>no</i> | activates or deactivates the <i>guest account</i>. The default passwords for both accounts should be changed when VDRAdmin is accessible over the Internet.
-</p>
-<b>Time Line:</b>
-<p>Here you can see a time line of the channels, where you can select the displayed time span.<br>
-The bars show the titles of each show. A time bar starts half an hour before now. A thin red line indicates the current position.<br>Programmed timers are shown in different colors.
-</p>
-<b>Settings for autotimers:</b>
-<p>Clicking on |<input type=\"radio\"> <i>Yes</i> | or |<input type=\"radio\" checked> <i>No</i> | activates or deactivates the autotimer function. You can also specify the interval, the the epg data is checked for updating the autotimers.<br>
-The life time of a recording can be set from 0 to 99 (99=live forever). This value relates to the day, the recording was made. After the given life time, a recording may be deleted to make room for new ones.<br>
-The Priority indicates, what timer is prefered in case of a conflict.<br>
-<b>Timer settings:</b>
-<p>These are the same settings as for the autotimers, but apply to the manually created timers.
-</p>
-
-<b>Streaming settings:</b>
-<p>Specify port, bandwith and VDR's recording directory here.
-</p>
-
-<b>Channel Selection:</b>
-<p>Clicking on |<input type=\"radio\"> <i>Yes</i> | or |<input type=\"radio\" checked> <i>No</i> | activates or deactivates the channel selection for a specific view.<br>
-</p>
-"),
-
- ENOHELPMSG => gettext("No help available yet. For adding or changing text please contact mail\@andreas.vdr-developer.org.")
-);