diff options
Diffstat (limited to 'template')
33 files changed, 1436 insertions, 913 deletions
diff --git a/template/default/at_timer_list.html b/template/default/at_timer_list.html index c29fa11..eeb060a 100644 --- a/template/default/at_timer_list.html +++ b/template/default/at_timer_list.html @@ -2,27 +2,26 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"/> - <title>VDRAdmin - <%! Auto Timer !%></title> + <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"/> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> +<body id="at_timer_list"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> <td valign="middle" width="200" background="bilder/nav_button_back.gif"> - <p class="einzug_ohnetop"><b><%! Auto Timer !%></b></p> + <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 Auto Timer !%></div></a> + <a href="<tmpl_var naturl>"><div class="gbutton"><%! New AutoTimer !%></div></a> </td> <td width="12" height="20" background="bilder/gbutton_right.gif"></td> - <td></td> </tr> </table> </td> @@ -31,121 +30,123 @@ <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> </tmpl_if> - <td width="15" background="bilder/nav_button_back_end.gif"> </td> + <td width="15" background="bilder/nav_button_back_end.gif"></td> </tr> </table> - <br/> + <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> - <tr> + <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"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbyactiveurl>"><%! Active !%> + <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> - </nobr> + </h2> </td> <td width="10%" background="bilder/uebersicht_oben<tmpl_if sortbychannel>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbychannelurl>"><%! Channel !%> + <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> - </nobr> + </h2> </td> <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystart>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbystarturl>"><%! Start !%> + <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> - </nobr> + </h2> </td> <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystop>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbystopurl>"><%! Stop !%> + <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> - </nobr> + </h2> </td> <td background="bilder/uebersicht_oben<tmpl_if sortbypattern>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbypatternurl>"><%! Name !%> + <h2> + <a href="<tmpl_var sortbypatternurl>"><%! Name !%> <tmpl_if sortbypattern> <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> - </nobr> + </h2> </td> - <td width="30" background="bilder/uebersicht_oben.gif"> </td> - <td width="30" background="bilder/uebersicht_oben.gif"> </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> </tr> <tmpl_loop at_timer_loop> - <tr> - <td valign="top" 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"> - <p class="einzug_liste"> + <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"> + <div> <tmpl_if active> <img src="bilder/poempl_gruen.gif" alt="" width="19" height="19" align="absmiddle" border="0"/> - <a href="<tmpl_var toggleurl>"><font color="black"><%! Yes !%></font></a> + <a href="<tmpl_var toggleurl>"><%! Yes !%></a> <tmpl_else> - <img src="bilder/poempl_grey.gif" alt="" width="19" height="19" align="absmiddle" border="0"/> - <a href="<tmpl_var toggleurl>"><font color="black"><%! No !%></font></a> + <img src="bilder/poempl_grau.gif" alt="" width="19" height="19" align="absmiddle" border="0"/> + <a href="<tmpl_var toggleurl>"><%! No !%></a> </tmpl_if> - </p> + </div> </td> - <td valign="top" width="120" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbychannel>_selected</tmpl_if>.gif"> - <p class="einzug_liste"> - <tmpl_if channel><a href="<tmpl_var proglink>"><tmpl_var channel></a><tmpl_else>-</tmpl_if> - </p> + <td valign="top" width="120" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbychannel>_selected</tmpl_if>.gif" class="channel"> + <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"> - <p class="einzug_liste"> + <td valign="top" width="40" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbystart>_selected</tmpl_if>.gif" class="start"> + <div> <tmpl_if start><tmpl_var start><tmpl_else>-</tmpl_if> - </p> + </div> </td> - <td valign="top" width="40" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbystop>_selected</tmpl_if>.gif"> - <p class="einzug_liste"> + <td valign="top" width="40" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbystop>_selected</tmpl_if>.gif" class="stop"> + <div> <tmpl_if stop><tmpl_var stop><tmpl_else>-</tmpl_if> - </p> + </div> </td> - <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbypattern>_selected</tmpl_if>.gif"> - <p class="einzug_liste" title="<%! Priority: !%> <tmpl_var prio> / <%! Lifetime: !%> <tmpl_var lft>"> + <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>"> + <div> <tmpl_var pattern> - </p> + </div> </td> - <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> + <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" height="17" width="17" border="0" title="<%! Edit !%>"/></a> - </p> + </div> </td> - <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> + <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" height="17" width="17" border="0" title="<%! Delete !%>"/></a> - </p> + </div> </td> - <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><input type="checkbox" name="xxxx_<tmpl_var id>"/></p> + <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 valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"> </td> </tr> @@ -156,10 +157,12 @@ <td colspan="8" 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> + + <table width="100%" border="0" cellspacing="0" cellpadding="0" id="buttons"> <tr> - <td colspan="5" valign="top"> + <td> <table border="0" cellspacing="0" cellpadding="0"> - <br/> <tr height="20"> <td width="12" height="20" background="bilder/gbutton_left.gif"></td> <td align="center" height="20" background="bilder/gbutton_middle.gif"> @@ -169,19 +172,17 @@ </tr> </table> </td> - <td colspan="4" align="right"> - <br/> + <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 Auto Timers !%></div></a> + <a href="javascript:mdel('<%! 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> </table> </td> - <td valign="top" width="30"></td> </tr> </table> <input type="hidden" name="aktion" value="at_timer_delete"/> diff --git a/template/default/at_new.html b/template/default/at_timer_new.html index e1cabde..920eb1c 100644 --- a/template/default/at_new.html +++ b/template/default/at_timer_new.html @@ -2,38 +2,38 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"/> - <title>VDRAdmin - <tmpl_if newtimer><%! Add New Auto Timer !%><tmpl_else><%! Edit Auto Timer !%></tmpl_if></title> + <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"/> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> </head> -<body bgcolor="#f0f0f0" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="at_new"> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <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"> - <p class="einzug_ohnetop"><b><tmpl_if newtimer><%! Add New Auto Timer !%><tmpl_else><%! Edit Auto Timer !%></tmpl_if></b></p> + <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> </tmpl_if> - <td width="15" background="bilder/nav_button_back_end.gif"> </td> + <td width="15" background="bilder/nav_button_back_end.gif"></td> </tr> </table> - <br/> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + + <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 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"><%! Auto Timer Active: !%></td> + <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><h5><%! AutoTimer Active: !%></h5></td> <td height="25" background="bilder/uebersicht_mitte.gif"> <tmpl_if name="oneshot"> <input type="radio" name="active" value="1" /> <%! Yes !%> @@ -49,7 +49,7 @@ </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"><%! Search Patterns: !%></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> @@ -57,7 +57,7 @@ </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"><%! Search in: !%></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 !%> @@ -67,7 +67,7 @@ </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"><%! Search only on these days: !%></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 !%> @@ -81,7 +81,7 @@ </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"><%! Channel: !%></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> @@ -94,7 +94,7 @@ </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"><%! Starts Before: !%></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> : </b> @@ -105,7 +105,7 @@ </tr> <tr height="25"> <td width="30" height="25" background="bilder/uebersicht_links.gif"></td> - <td height="25" background="bilder/uebersicht_mitte.gif"><%! Ends Before: !%></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> : </b> @@ -116,7 +116,7 @@ </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"><%! Priority: !%></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> @@ -124,7 +124,7 @@ </tr> <tr height="25"> <td width="30" height="25" background="bilder/uebersicht_links.gif"></td> - <td height="25" background="bilder/uebersicht_mitte.gif"><%! Lifetime: !%></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> @@ -132,7 +132,7 @@ </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"><%! Episode: !%></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> @@ -140,7 +140,7 @@ </tr> <tr height="25"> <td width="30" height="25" background="bilder/uebersicht_links.gif"></td> - <td height="25" background="bilder/uebersicht_mitte.gif"><%! Remember programmed timers: !%></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 !%> @@ -149,7 +149,7 @@ </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"><%! Directory: !%></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> @@ -157,14 +157,15 @@ </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 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> - <br/> - <input type="submit" name="save" value="<%! Save !%>" /> - <input type="submit" name="exit" value="<%! Cancel !%>" /> + <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="at_timer_save" /> <input type="hidden" name="id" value="<tmpl_var id>" /> </form> diff --git a/template/default/config.html b/template/default/config.html index 0f8cd5a..7b21426 100644 --- a/template/default/config.html +++ b/template/default/config.html @@ -1,47 +1,42 @@ <!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" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="config"> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> - <td valign="middle" width="200" background="bilder/nav_button_back.gif"> - <p class="einzug_ohnetop"><b><%! Configuration !%></b></p> + <td valign="middle" width="300" background="bilder/nav_button_back.gif"> + <h1><%! Configuration !%></h1> </td> - <td align="right" background="bilder/nav_button_back_mitte.gif"> </td> - <td align="right" width="35" background="bilder/nav_button_back_mitte.gif"> + <td colspan="2" align="right" background="bilder/nav_button_back_mitte.gif"></td> <tmpl_if name="help_url"> - <a href="javascript:open_help('<tmpl_var help_url>');"><img src="bilder/help.gif" border="0" alt="help" title="<%! Help !%>" /></a> -</tmpl_if> + <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> - <td width="15" background="bilder/nav_button_back_end.gif"> </td> +</tmpl_if> + <td width="15" background="bilder/nav_button_back_end.gif"></td> </tr> </table> - <br /> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> - <tr> - <td></td> - <td width="10"></td> - <td></td> - </tr> + + <table width="100%" border="0" cellspacing="0" cellpadding="0" id="content"> <tr> <td valign="top"> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + <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"><b><%! General Settings !%></b></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> <!-- 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"><%! Template: !%></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"> <tmpl_loop name="TEMPLATELIST"> @@ -54,7 +49,7 @@ --> <tr height="25"> <td width="30" height="25" background="bilder/uebersicht_links.gif"></td> - <td height="25" background="bilder/uebersicht_mitte.gif"><%! Skin: !%></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"> <tmpl_loop name="SKINLIST"> @@ -66,7 +61,7 @@ </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"><%! Login Page: !%></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"> <tmpl_loop name="LOGINPAGES"> @@ -76,40 +71,77 @@ </td> <td width="30" height="25" background="bilder/uebersicht_rechts_dark.gif"></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> + <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> + <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"> </td> + <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></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"><%! Number of DVB Cards: !%></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"> </td> <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td> </tr> </table> - <br /> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + + <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"><b><%! Identification !%></b></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"><%! Username: !%></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"><%! Password: !%></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"><%! Guest Account: !%></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 !%> @@ -118,13 +150,13 @@ </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"><%! Guest Username: !%></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> <tr height="25"> <td width="30" height="25" background="bilder/uebersicht_links.gif"></td> - <td height="25" background="bilder/uebersicht_mitte.gif"><%! Guest Password: !%></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> @@ -134,23 +166,23 @@ <td width="30" height="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td> </tr> </table> - <br /> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + + <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"><b><%! Timeline !%></b></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"><%! Hours: !%></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"><%! Times: !%></td> - <td width="40%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="TIMES" value="<tmpl_var TIMES>" size="16" /></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"> @@ -160,17 +192,17 @@ </tr> </table> </td> - <td valign="top" width="10"></td> + <td width="10"></td> <td valign="top"> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + <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"><b><%! Auto Timer !%></b></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"> </td> - <td height="25" background="bilder/uebersicht_mitte.gif"><%! Active: !%></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 !%> @@ -179,32 +211,32 @@ </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"><%! Timeout: !%></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"><%! Priority: !%></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"><%! Lifetime: !%></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> </tr> <!-- <tr height="25"> <td width="30" height="25" background="bilder/uebersicht_links.gif"></td> - <td height="25" background="bilder/uebersicht_mitte.gif"><%! Time Margin at Start: !%></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"><%! Time Margin at Stop: !%></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> @@ -215,34 +247,34 @@ <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td> </tr> </table> - <br /> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + + <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"><b><%! Timer !%></b></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"><%! Lifetime: !%></td> - <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="TM_LIFETIME" value="<tmpl_var TM_LIFETIME>" size="2" maxlength="2" /></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"><%! Priority: !%></td> - <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.gif"><input type="text" name="TM_PRIORITY" value="<tmpl_var TM_PRIORITY>" size="2" maxlength="2" /></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"><%! Time Margin at Start: !%></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"><%! Time Margin at Stop: !%></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> @@ -252,17 +284,17 @@ <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td> </tr> </table> + <tmpl_if ST_FUNC> - <br /> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + <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"><b><%! Streaming !%></b></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"><%! Live Streaming !%></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 !%> @@ -271,29 +303,29 @@ </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"><%! Recordings Streaming !%></td> - <td width="30%" height="25" background="bilder/uebersicht_mitte_dark.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> + <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"><%! HTTP Port of Streamdev (also possible 3000/ts): !%></td> - <td width="30%" height="25" background="bilder/uebersicht_mitte.gif"><input type="text" name="ST_STREAMDEV_PORT" value="<tmpl_var ST_STREAMDEV_PORT>" size="10" /></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> <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"><%! Path to VDR Recordings: !%></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> <!-- 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"><%! Bandwidth of Streams: !%></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"> <tmpl_loop name="STREAMTYPELIST"> @@ -311,61 +343,100 @@ </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 !%> + </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> + <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"> </td> + <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></td> + </tr> + </table> </td> </tr> + <tr> <td colspan="3"> - <br /> - <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="black"> + <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"> - <div align="left"><b><%! Channel Selections !%></b></div> - </td> - <td bgcolor="#c6c6c6" height="30" background="bilder/uebersicht_oben.gif"> </td> - <td bgcolor="#c6c6c6" width="45%" height="30" background="bilder/uebersicht_oben.gif"> - <div align="center"></div> - </td> - <td bgcolor="#c6c6c6" width="30" height="30" background="bilder/uebersicht_oben.gif"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="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"> </td> + <td width="45%" height="30" background="bilder/uebersicht_oben.gif"> </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_dark.gif"></td> - <td width="40%" height="30" background="bilder/uebersicht_mitte_dark.gif"><%! In "Timeline"? !%></td> - <td colspan="2" bgcolor="#c6c6c6" height="30" background="bilder/uebersicht_mitte_dark.gif"> + <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 !%> </td> - <td bgcolor="#c6c6c6" width="30" height="30" background="bilder/uebersicht_rechts_dark.gif"></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.gif"></td> - <td width="40%" height="30" background="bilder/uebersicht_mitte.gif"><%! In "Channels" / "Playing Today"? !%></td> - <td colspan="2" bgcolor="#c6c6c6" height="30" background="bilder/uebersicht_mitte.gif"> + <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> - <td bgcolor="#c6c6c6" width="30" height="30" background="bilder/uebersicht_rechts.gif"></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_dark.gif"></td> - <td width="40%" height="30" background="bilder/uebersicht_mitte_dark.gif"><%! In "What's On Now"? !%></td> - <td colspan="2" bgcolor="#c6c6c6" height="30" background="bilder/uebersicht_mitte_dark.gif"> + <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> - <td bgcolor="#c6c6c6" width="30" height="30" background="bilder/uebersicht_rechts_dark.gif"></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.gif"></td> - <td width="40%" height="30" background="bilder/uebersicht_mitte.gif"><%! In "Auto Timer"? !%></td> - <td colspan="2" bgcolor="#c6c6c6" height="30" background="bilder/uebersicht_mitte.gif"> + <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> - <td bgcolor="#c6c6c6" width="30" height="30" background="bilder/uebersicht_rechts.gif"></td> + <td width="30" height="30" background="bilder/uebersicht_rechts_dark.gif"></td> </tr> <tr> - <td bgcolor="#dfdcdc" width="30" background="bilder/uebersicht_links.gif"></td> + <td width="30" background="bilder/uebersicht_links.gif"></td> <td width="40%" align="center" background="bilder/uebersicht_mitte.gif"> <br /> <select name="all_channels" size="8" multiple> @@ -375,8 +446,8 @@ </select> </td> <td align="center" valign="middle" background="bilder/uebersicht_mitte.gif"> - <input type="submit" name="submit" value=">>>>>" /><br /> - <input type="submit" name="submit" value="<<<<<" /> + <input type="submit" class="submit" name="submit" value=">>>>>" /><br /> + <input type="submit" class="submit" name="submit" value="<<<<<" /> </td> <td width="45%" align="center" background="bilder/uebersicht_mitte.gif"> <br /> @@ -386,23 +457,24 @@ </tmpl_loop> </select> </td> - <td bgcolor="#dfdcdc" width="30" background="bilder/uebersicht_rechts.gif"></td> + <td width="30" background="bilder/uebersicht_rechts.gif"></td> </tr> <tr height="30"> - <td bgcolor="#dfdcdc" 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="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 bgcolor="#dfdcdc" width="30" height="30" background="bilder/uebersicht_rechts.gif"><img src="bilder/uebersicht_unten_rechts.gif" alt="" width="30" height="30" border="0" /></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> </table> </td> </tr> </table> - <br /> - <input type="submit" name="save" value="<%! Save !%>" /> - <input type="submit" name="apply" value="<%! Apply !%>" /> - <input type="hidden" name="aktion" value="conf_list" /> + <div id="buttons"> + <input type="submit" class="submit" name="save" value="<%! Save !%>" /> + <input type="submit" class="submit" name="apply" value="<%! Apply !%>" /> + </div> + <input type="hidden" name="aktion" value="config" /> </form> </body> diff --git a/template/default/copper/navi.css b/template/default/copper/navi.css index 16ca547..721b102 100644 --- a/template/default/copper/navi.css +++ b/template/default/copper/navi.css @@ -1,11 +1,6 @@ -textarea { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, Geneva } -input { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, Geneva } -select { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, Geneva } -td { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva } -p { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva } -h1,h2,h3,h4,h5,h6 { color: black; font-family: Verdana, Arial, Helvetica, Geneva } -a { color: #000000; font-weight: bold; text-decoration : none } -.klein { font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva } -.small { font-size: 8px; font-family: Verdana, Arial, Helvetica, Geneva } -.navi { font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva } +* { 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/style.css b/template/default/copper/style.css index 7b6cf9c..de0eb43 100644 --- a/template/default/copper/style.css +++ b/template/default/copper/style.css @@ -1,28 +1,49 @@ -body { background: #c4cdd7 url(bilder/background.gif) } -td { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -.rec { font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -div { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -input { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -textarea { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -select { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -b { font-weight: bold } -i { font-style: italic } -a { color: #039; text-decoration: none } -a:visited { color: #039; text-decoration: none } -a:hover { color: #cc0000; text-decoration: underline } -a:active { color: #000; text-decoration: underline } -a.rec:link { color: #c00; text-decoration: none } -a.rec:visited { color: #000; text-decoration: none } -a.rec:hover { color: #cc0000; text-decoration: underline } -a.rec:active { color: #000; text-decoration: underline } -.headline { font-weight: bold; font-size: 14px; margin-top: 20px; margin-bottom: 20px } -.subheadline { color: #039; font-weight: bold } -.kleine { font-size: 10px } -.mini { font-size: 9px } -.rechts { text-align: right} -.einzug { margin: 10px 12px } -.einzug_ohnetop { margin-right: 12px; margin-left: 12px } -.einzug_liste { margin: 3px 5px 0px 5px } -.einzug_liste_headlines { margin-right: 5px; margin-left: 6px } -.einzugklein { color: #000; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; margin-right: 7px; margin-left: 7px } -.gbutton { color: black; font-weight: bold } +* { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; } +#rc, #tv { background-color: black; margin: 0px; } +body { background-color: #d9cdc1; margin: 3px; } +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 } + +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; } +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; } + +a, a:visited, a:active { color: #039; text-decoration: none; } +a:hover { color: #cc0000; text-decoration: none; } + +#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; } + +#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; } + +.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; } +#timer_list #prgtable { border-left-color:#000000; border-right-color:#000000; } + +#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; } diff --git a/template/default/error.html b/template/default/error.html index 69f297d..f9c4229 100644 --- a/template/default/error.html +++ b/template/default/error.html @@ -1,20 +1,19 @@ -<!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><%! Error! !%></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 bgcolor="#f0f0f0">
- <div align="center">
- <img src="bilder/sauerei.gif" height="230" width="177" border="0"/>
- <br/>
- <font color="red"><tmpl_var name="error"></font>
- <br/>
- </div>
-</body>
-
-</html>
+<!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><%! Error! !%></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="error"> + <div align="center"> + <img src="bilder/sauerei.gif" height="230" width="177" border="0"/> + <br/> + <h2><tmpl_var name="error"></h2> + </div> +</body> + +</html> diff --git a/template/default/help_at_timer_list.html b/template/default/help_at_timer_list.html new file mode 100644 index 0000000..f595afd --- /dev/null +++ b/template/default/help_at_timer_list.html @@ -0,0 +1,54 @@ +<!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><%! AutoTimer !%></title> + <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> + <link href="style.css" rel="stylesheet" media="screen" type="text/css" /> +</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> + </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> + <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> + <dt>Edit the AutoTimer</dt> + <dd>You can edit an AutoTimer by clicking <img src="bilder/edit.gif" alt="Stift" />.</dd> + <dt>Delete the AutoTimer</dt> + <dd>To delete an AutoTimer you click <img src="bilder/delete.gif" alt="Radiergummi" />.</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> + </td> + <td width="30" 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 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> + </table> +</body> + +</html> diff --git a/template/default/help_at_timer_new.html b/template/default/help_at_timer_new.html new file mode 100644 index 0000000..0bb1a4b --- /dev/null +++ b/template/default/help_at_timer_new.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"> + +<!-- This help is partly taken from + * the VDR man page, Copyright (c) by Klaus Schmidinger + * the HISTORY of macfly's patch +--> + +<html> + +<head> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> + <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" /> +</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> + </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> + <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> + <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 /> + 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>%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>%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> + <li>%FSK% - will become the FSK from the event.</li> + <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. + </dl> + </td> + <td width="30" 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 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> + </table> +</body> +</html> diff --git a/template/default/help_config.html b/template/default/help_config.html new file mode 100644 index 0000000..9c8c8a5 --- /dev/null +++ b/template/default/help_config.html @@ -0,0 +1,178 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> + +<!-- This help is partly taken from the VDR man page, Copyright (c) by Klaus Schmidinger --> + +<html> + +<head> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> + <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" /> +</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> + </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> + <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><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> + + <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> + + <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> + + <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> + + <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> + + <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> + + <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 ">>>>>". If you want to remove channels from the list of wanted channels you have to select them in the right side selectbox and click "<<<<<".</p> + <div align="right">[<a href="#top">Top</a>]</div> + </dd> + </dl> + </p> + </td> + <td width="30" 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 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> + </table> +</body> + +</html> diff --git a/template/default/help_rec_list.html b/template/default/help_rec_list.html new file mode 100644 index 0000000..121ce7c --- /dev/null +++ b/template/default/help_rec_list.html @@ -0,0 +1,54 @@ +<!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><%! Recordings !%></title> + <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> + <link href="style.css" rel="stylesheet" media="screen" type="text/css" /> +</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> + </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> + <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> + <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> + <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> + </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> + </td> + <td width="30" 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 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> + </table> +</body> + +</html> diff --git a/template/default/help_timer_list.html b/template/default/help_timer_list.html new file mode 100644 index 0000000..2294cea --- /dev/null +++ b/template/default/help_timer_list.html @@ -0,0 +1,58 @@ +<!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><%! Timer !%></title> + <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> + <link href="style.css" rel="stylesheet" media="screen" type="text/css" /> +</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> + </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> + <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: + <dl> + <dt>Set its state</dt> + <dd>By clicking on "Yes", "No", "VPS" or "Auto" in the "Active" column.</dd> + <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> + <dt>Edit the timer</dt> + <dd>You can edit a timer by clicking <img src="bilder/edit.gif" alt="Stift" />.</dd> + <dt>Delete the timer</dt> + <dd>To delete a timer you click <img src="bilder/delete.gif" alt="Radiergummi" />.</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"> </span> / <img src="bilder/poempl_gruen.gif" alt="on" align="absmiddle" /> Timer is OK and will record.<br /> + <span class="col_collision"> </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"> </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"> </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> + </td> + <td width="30" 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 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> + </table> +</body> + +</html> diff --git a/template/default/help_timer_new.html b/template/default/help_timer_new.html new file mode 100644 index 0000000..0a283ef --- /dev/null +++ b/template/default/help_timer_new.html @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> + +<!-- This help is partly taken from the VDR man page, Copyright (c) by Klaus Schmidinger --> + +<html> + +<head> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> + <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" /> +</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> + </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> + <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: + <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> + </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: + <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. + </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> + </dl> + </td> + <td width="30" 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 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> + </table> +</body> +</html> diff --git a/template/default/index.html b/template/default/index.html index 6485b4a..6f6897a 100644 --- a/template/default/index.html +++ b/template/default/index.html @@ -2,7 +2,7 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> <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" /> @@ -14,7 +14,7 @@ <frame name="main" noresize src="<tmpl_var loginpage>" /> <noframes> - <body bgcolor="#ffffff"> + <body> <p><%! Your Browser does not support frames! !%></p> </body> </noframes> diff --git a/template/default/left.html b/template/default/left.html index f48b6e7..243f67e 100644 --- a/template/default/left.html +++ b/template/default/left.html @@ -2,7 +2,7 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> <title>VDRAdmin</title> <link href="navi.css" rel="stylesheet" media="screen" /> @@ -19,7 +19,7 @@ </script> </head> -<body background="bilder/back.gif" bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> +<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> @@ -29,53 +29,55 @@ </td> </tr> <tr><td> </td></tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=prog_summary" target="main"><%! What's On Now? !%></a></span></td> + <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 bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=prog_list2" target="main"><%! Playing Today !%></a></span></td> + <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 bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=prog_timeline" target="main"><%! Timeline !%></a></span></td> + <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=prog_timeline" target="main"><%! Timeline !%></a></div></td> </tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=prog_list" target="main"><%! Channels !%></a></span></td> + <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=prog_list" target="main"><%! Channels !%></a></div></td> </tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=timer_list" target="main"><%! Timer !%></a></span></td> + <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=timer_list" target="main"><%! Timer !%></a></div></td> </tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=at_timer_list" target="main"><%! Auto Timer !%></a></span></td> + <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 bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=rec_list" target="main"><%! Recordings !%></a></span></td> + <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=rec_list" target="main"><%! Recordings !%></a></div></td> </tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="vdradmin.pl?aktion=conf_list" target="main"><%! Configuration !%></a></span></td> + <td height="25"><div class="navi"><a href="vdradmin.pl?aktion=config" target="main"><%! Configuration !%></a></div></td> </tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="javascript:rc_open();"><%! Remote Control !%></a></span></td> + <td height="25"><div class="navi"><a href="javascript:rc_open();"><%! Remote Control !%></a></div></td> </tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr height="25"> - <td height="25"><span class="navi"> <a href="javascript:tv_open();"><%! Watch TV !%></a></span></td> + <td height="25"><div class="navi"><a href="javascript:tv_open();"><%! Watch TV !%></a></div></td> </tr> - <tr height="2"><td bgcolor="white" height="2" background="bilder/separator.png"></td></tr> + <tr height="2"><td height="2" background="bilder/separator.png"></td></tr> <tr><td> </td></tr> <tr> <td> - <b><input type="text" name="search" size="15" /></b><br /> - <input type="submit" name="submit" value="<%! Search !%>" /> - <input type="hidden" name="aktion" value="prog_summary" /> + <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> diff --git a/template/default/library.js b/template/default/library.js index fc36da8..7e1a3b7 100644 --- a/template/default/library.js +++ b/template/default/library.js @@ -2,7 +2,7 @@ // this is part of VDR Admin // function open_help(url) { - window.open(url, "_blank", "width=500, height=460, resizable=yes, scrollbars=yes, status=no, toolbar=no"); + window.open(url, "_blank", "width=580, height=480, resizable=yes, scrollbars=yes, status=no, toolbar=no"); } function del(message, suffix) { @@ -26,7 +26,7 @@ function callurl( url ) { } function popup(URL) { - window.open(URL, '_new', 'width=500, height=250, scrollbars=auto, resizable=yes'); + window.open(URL, '_new', 'width=500, height=250, scrollbars=yes, resizable=yes, toolbar=no, status=no'); } function toolbar(URL) { diff --git a/template/default/navi.css b/template/default/navi.css index 2700538..73f9726 100644 --- a/template/default/navi.css +++ b/template/default/navi.css @@ -1,11 +1,6 @@ -textarea { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, Geneva } -input { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, Geneva } -select { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, Geneva } -td { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva } -p { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva } -h1,h2,h3,h4,h5,h6 { color: black; font-family: Verdana, Arial, Helvetica, Geneva } -a { color: #000000; font-weight: bold; text-decoration: none } -.klein { font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva } -.small { font-size: 8px; font-family: Verdana, Arial, Helvetica, Geneva } -.navi { font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva } +* { 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/noauth.html b/template/default/noauth.html index 2f3d559..720cb69 100644 --- a/template/default/noauth.html +++ b/template/default/noauth.html @@ -1,13 +1,13 @@ <!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" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> </head> -<body> +<body id="noauth"> <h1><%! Authorization Required !%></h1> <p><%! This server could not verify that you are authorized to access the document requested. Either you supplied the wrong credentials (e.g. bad password), or your browser doesn't understand how to supply the credentials required. !%></p> </body> diff --git a/template/default/noperm.html b/template/default/noperm.html index e81480c..804db90 100644 --- a/template/default/noperm.html +++ b/template/default/noperm.html @@ -1,15 +1,14 @@ <!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" /> + <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"/> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> </head> -<body> +<body class="noperm"> <h1><tmpl_var h1></h1> - - <p><tmpl_var error></p><hr /> + <p><tmpl_var error></p> </body> </html> diff --git a/template/default/prog_detail.html b/template/default/prog_detail.html index 5e36114..d053c23 100644 --- a/template/default/prog_detail.html +++ b/template/default/prog_detail.html @@ -2,27 +2,27 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> <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" /> </head> -<body bgcolor="#c4cdd7"> +<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"> - <b><tmpl_var channel_name><tmpl_if date> | <tmpl_var date> <tmpl_var start> - <tmpl_var stop></tmpl_if></b> + <h2><tmpl_var channel_name><tmpl_if date> | <tmpl_var date> <tmpl_var start> - <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> </tr> <tr> <td width="30" background="bilder/uebersicht_links.gif"> </td> - <td bgcolor="#c4cdd7" background="bilder/uebersicht_mitte.gif"> - <b><tmpl_var title></b><br /> + <td background="bilder/uebersicht_mitte.gif"> + <h3><tmpl_var title></h3> <tmpl_if subtitle> - <i><nobr><tmpl_var subtitle></nobr></i><br /><br /> + <h4><tmpl_var subtitle></h4><br /> </tmpl_if> <tmpl_var text><br /><br /> <a href="javascript:window.close()">[<%! close !%>]</a> diff --git a/template/default/prog_list.html b/template/default/prog_list.html index da18971..7dc27b1 100644 --- a/template/default/prog_list.html +++ b/template/default/prog_list.html @@ -2,23 +2,23 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <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" /> <script language="JavaScript" src="library.js"></script> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="prog_list"> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> - <td valign="left" width="200" background="bilder/nav_button_back.gif"> - <p class="einzug_ohnetop"> - <a href="javascript:callurl('<tmpl_var switchurl>');"><b><tmpl_var progname></b></a> + <td valign="middle" width="200" background="bilder/nav_button_back.gif"> + <h1> + <a href="javascript:callurl('<tmpl_var switchurl>');"><tmpl_var progname></a> <tmpl_if stream_live_on> <a href="<tmpl_var streamurl>"><img src="bilder/stream.jpg" alt="stream" title="<%! Stream !%>" height="17" align="center" border="0" /></a> </tmpl_if> - </p> + </h1> </td> <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif"><%! Channel: !%> <select name="vdr_id" size="1" onchange="window.open('<tmpl_var url>?aktion=prog_list&vdr_id=' + this.options[this.selectedIndex].value,'main')"> @@ -26,7 +26,7 @@ <option value="<tmpl_var vdr_id>" <tmpl_if current>selected</tmpl_if>><tmpl_var name></option> </tmpl_loop> </select> - <input type="submit" name="submit" value="<%! Go! !%>" /> + <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"> </td> @@ -35,63 +35,65 @@ <input type="hidden" name="aktion" value="prog_list" /> </form> + <div id="content"> <tmpl_loop loop> <tmpl_if newd> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> - <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"> - <b><tmpl_var title></b> - </td> - <td align="right" background="bilder/uebersicht_oben.gif"> - <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> - </tr> - <tr height="10"> - <td valign="top" width="30" height="10" background="bilder/uebersicht_links.gif"></td> - <td colspan="4" height="10" background="bilder/uebersicht_mitte.gif"></td> - <td valign="top" width="30" height="10" background="bilder/uebersicht_rechts.gif"></td> - </tr> + <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"> + <h2><tmpl_var title></h2> + </td> + <td align="right" background="bilder/uebersicht_oben.gif"> + <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> + </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> <tmpl_else> <tmpl_unless endd> - <tr> - <td valign="top" width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"><a name="<tmpl_var anchor>"></a> </td> - <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><tmpl_var emit> - <tmpl_var duration> <%! o'clock !%></p> - </td> - <td valign="top" width="652" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> - <b><tmpl_var title></b><br /> - <i><tmpl_var subtitle></i><br /> - </p> - </td> - <td align="right" valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> - <tmpl_if infurl> - <a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/info_button.gif" border="0" alt="info" /></a> - <tmpl_else> - <img src="bilder/info_button_disabled.gif" border="0" alt="noinfo" /> - </tmpl_if> - </p> - </td> - <td align="right" valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><a class="rec" href="<tmpl_var recurl>"><img src="bilder/rec_button.gif" border="0" alt="record" /></a></p> - </td> - <td valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"> </td> - </tr> + <tr class="list_row"> + <td width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"><a name="<tmpl_var anchor>"> </a></td> + <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="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"> + <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"> + <div> + <tmpl_if infurl> + <a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/info_button.gif" border="0" alt="info" /></a> + <tmpl_else> + <img src="bilder/info_button_disabled.gif" border="0" alt="noinfo" /> + </tmpl_if> + </div> + </td> + <td align="right" valign="middle" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="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> + </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"></td> - <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td> - </tr> - </table> - <br /> + <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> + </table> </tmpl_if> </tmpl_loop> + </div> </body> </html> diff --git a/template/default/prog_list2.html b/template/default/prog_list2.html index 9738469..72f732c 100644 --- a/template/default/prog_list2.html +++ b/template/default/prog_list2.html @@ -2,7 +2,7 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> @@ -17,12 +17,12 @@ </script> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="prog_list"> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> <td valign="middle" width="200" background="bilder/nav_button_back.gif"> - <p class="einzug_ohnetop"><b><%! Playing Today !%></b></p> + <h1><%! Playing Today !%></h1> </td> <td align="right" background="bilder/nav_button_back_mitte.gif"> </td> <!-- TODO: really need this? @@ -41,61 +41,56 @@ <input type="hidden" name="aktion" value="prog_list" /> </form> + <div id="content"> <tmpl_loop loop> <tmpl_if newd> - <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 colspan="3" background="bilder/uebersicht_oben.gif"> - <b><tmpl_var title></b> -<tmpl_if stream_live_on> - <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> - </tr> - <tr> - <td valign="top" width="30" background="bilder/uebersicht_links.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"> </td> - </tr> + <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"> + <h2><tmpl_var title></h2> + <tmpl_if stream_live_on> + <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> + </tr> + <tr> + <td valign="top" width="30" background="bilder/uebersicht_links.gif"> </td> + <td colspan="4" background="bilder/uebersicht_mitte.gif"> </td> + <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"> </td> + </tr> <tmpl_else> <tmpl_unless endd> - <tr> - <td valign="top" width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"><a name="<tmpl_var anchor>"></a> </td> - <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><tmpl_var emit> - <tmpl_var duration> <%! o'clock !%></p> - </td> - <td valign="top" width="652" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><b><tmpl_var title></b><br /><tmpl_unless subtitle><br /></tmpl_unless><i><tmpl_var subtitle></i></p> - </td> - <td align="right" valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><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></p> - </td> - <td align="right" valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><b><a class="rec" href="<tmpl_var recurl>"><img src="bilder/rec_button.gif" border="0" /></a></b></p> - </td> - <td valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"> </td> - </tr> + <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> </td> + <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="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"> + <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"> + <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"> + <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"> </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 background="bilder/uebersicht_unten.gif"> </td> - <td background="bilder/uebersicht_unten.gif"> </td> - <td background="bilder/uebersicht_unten.gif"> </td> - <td 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> - <br /> + <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> </tmpl_if> </tmpl_loop> + </div> </body> </html> diff --git a/template/default/prog_summary.html b/template/default/prog_summary.html index ac38e23..0bf1b1d 100644 --- a/template/default/prog_summary.html +++ b/template/default/prog_summary.html @@ -3,18 +3,18 @@ <head> <meta http-equiv="refresh" content="600; URL=vdradmin.pl?aktion=prog_summary" /> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <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" /> <script language="JavaScript" src="library.js"></script> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="prog_summary"> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <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"> - <p class="einzug_ohnetop"><b><tmpl_var now> <%! o'clock !%></b></p> + <h1><tmpl_var now> <%! o'clock !%></h1> </td> <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif"> <%! What's on: !%> <a href="<tmpl_var nowurl>"><%! now !%></a> |<%! at: !%> @@ -25,47 +25,48 @@ </tr> </table> <input type="hidden" name="aktion" value="prog_summary" /> - <br /> - <table border="0" cellspacing="0" cellpadding="0"> + <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"> + <tr valign="middle" class="heading"> <td width="60%"> - <a name="<tmpl_var anchor>"></a> - <p class="einzug"> - <a href="<tmpl_var proglink>"><b><tmpl_var progname></b></a> -<tmpl_if stream_live_on> - <a href="<tmpl_var streamurl>" title="<%! Stream !%>">[S]</a> -</tmpl_if> - </p> + <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> + <a href="<tmpl_var streamurl>" title="<%! Stream !%>">[S]</a> + </tmpl_if> + </div> </td> <td align="right"> - <p class="einzug"> + <div class="duration"> <tmpl_if start><tmpl_var start>-<tmpl_var stop></tmpl_if> - </p> + </div> </td> </tr> </table> - <div class="einzug_ohnetop"> - <tmpl_var longdate><br /> - <b><tmpl_var title></b><br /> + <div class="content"> + <div class="date"><tmpl_var longdate></div> + <h3><tmpl_var title></h3> <tmpl_if subtitle> - <i><tmpl_var subtitle></i><br /> + <h4><tmpl_var subtitle></h4> </tmpl_if> <br /> - <tmpl_if summary><tmpl_var summary> <a href="javascript:popup('<tmpl_var infurl>');"><%! more !%></a></tmpl_if> + <div class="summary"> + <tmpl_if summary><tmpl_var summary> <a href="javascript:popup('<tmpl_var infurl>');">[<%! more !%>]</a></tmpl_if> + </div> <br /> <br /> </div> </td> <tmpl_else> - <td valign="top" width="272"></td> + <td width="272"></td> </tmpl_if> </tmpl_loop> </tr> @@ -96,7 +97,7 @@ </table> </td> <tmpl_else> - <td valign="top" width="272"></td> + <td width="272"></td> </tmpl_if> </tmpl_loop> </tr> diff --git a/template/default/prog_timeline.html b/template/default/prog_timeline.html index addd50d..4624c94 100644 --- a/template/default/prog_timeline.html +++ b/template/default/prog_timeline.html @@ -3,7 +3,7 @@ <head> <meta http-equiv="refresh" content="600; URL=vdradmin.pl?aktion=prog_timeline" /> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> @@ -39,11 +39,11 @@ -%?> <style type="text/css"> - #prgtable { border-left-width:1px; border-left-color:#c4cdd7; border-left-style:solid; border-bottom-width:1px; border-bottom-color:#c4cdd7; border-bottom-style:solid; padding:2px; } - #timertable { background:red; border-left-width:1px; border-left-color:#ffcdd7; border-left-style:solid; border-bottom-width:1px; border-bottom-color:#ffcdd7; border-bottom-style:solid; padding:2px; } + #prgtable { border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; padding:2px; } + #timertable { border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; padding:2px; } <?% IF jetzt_stunde >= akt_stunde && jetzt_stunde < akt_stunde + zeitrahmen %?> - #zeitleiste { position:absolute; filter:Alpha(opacity=50); top:150px; left:<?% left + seite + (einheit * diff_minute) + 30 %?>px; width:1px; height:<?% shows.keys.size * 21 + 2 %?>px; z-index:10; background:red; z-index:2; } + #timeline { position:absolute; filter:Alpha(opacity=50); top:150px; left:<?% left + seite + (einheit * diff_minute) + 30 %?>px; width:1px; height:<?% shows.keys.size * 21 + 2 %?>px; z-index:10; z-index:2; } <?% END %?> #bigtable { position:absolute; top:100px; left: <?% left %?>px; z-index: 1; } @@ -63,12 +63,12 @@ </script> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="prog_timeline"> <form action="<?% nowurl %?>" method="get" name="FormName"> - <table width="<?% breite + seite + 80 %?>" border="0" cellspacing="0" cellpadding="0" height="39" style="position:absolute; left:<?% left %?>; top: 20px"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> <tr> <td valign="middle" background="bilder/nav_button_back.gif"> - <nobr><p class="einzug_ohnetop"><b><?% now %?> <%! o'clock !%></b></p></nobr> + <h1><?% now %?> <%! o'clock !%></h1> </td> <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif"> <%! What's on: !%> @@ -84,13 +84,12 @@ <%! o'clock !%> <input type="hidden" name="aktion" value="prog_timeline" /> </td> - <td width="15" background="bilder/nav_button_back_end.gif"> </td> + <td width="15" background="bilder/nav_button_back_end.gif"></td> </tr> </table> - <br /> <!-- Vertikal ansicht TOP --> - <span id="zeitleiste" class="zeitleiste"><img src="bilder/spacer.gif" width="1" height="1" border="0" /></span> + <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"> @@ -100,22 +99,19 @@ <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> - <td valign="top" width="30" background="bilder/uebersicht_links.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td background="bilder/uebersicht_mitte.gif"> </td> - <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"> </td> + <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 valign="top" width="30" background="bilder/uebersicht_links.gif"></td> <td colspan="4"> <table border="0" cellpadding="0" cellspacing="0" width="1"> <tr> - <td bgcolor="#e6eff9"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td> + <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td> <?% WHILE minute < bis %?> - <td colspan="6" bgcolor='<?% minute % 60 ? "#e6eff9" : "#d5dee8" %?>'> + <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> @@ -125,9 +121,9 @@ </tr> <?% minute = 0 %?> <tr> - <td bgcolor="#e6eff9"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td> + <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" bgcolor="<?% minute % 10 ? '#e6eff9' : '#d5dee8' %?>"> + <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" /> <?% ELSE %?> @@ -147,12 +143,12 @@ chars = seite / 10 | format('%i'); b = b + 1 %?> <tr> - <td valign="top" bgcolor="<?% b % 2 ? '#d5dee8' : '#e6eff9' %?>"> + <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) %?>" bgcolor="<?% b % 2 ? '#d5dee8' : '#e6eff9' %?>"> + <td colspan="<?% (bis / 5) %?>" class=<?% b % 2 ? "color2" : "color1" %?>> <nobr> <?% z = 0; @@ -194,15 +190,15 @@ <?% 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" /> <?% END %?> - <?% bg_color = date.now > show.start && date.now < show.stop ? "#f7fffA" : "#e6eee9"; - bg_color = show.timer ? "#ffeee9" : bg_color %?> - <table border="0" align="left" cellpadding="0" cellspacing="0" id="<?% show.timer ? 'timertable' : 'prgtable' %?>"> + <?% 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" bgcolor="<?% bg_color %?>"> + <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 %?>"> + <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 %?> @@ -226,16 +222,13 @@ <?% END %?> </table> </td> -<!-- Vertikal ansicht END --> - <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"> </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 background="bilder/uebersicht_unten.gif"> </td> - <td background="bilder/uebersicht_unten.gif"> </td> - <td background="bilder/uebersicht_unten.gif"> </td> - <td background="bilder/uebersicht_unten.gif"> </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> diff --git a/template/default/rc.html b/template/default/rc.html index 8c4d327..a820821 100644 --- a/template/default/rc.html +++ b/template/default/rc.html @@ -2,7 +2,7 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> <title>VDRAdmin - <%! Remote Control !%> (<tmpl_var host>)</title> <script language="JavaScript"> <!-- @@ -14,7 +14,7 @@ </script> </head> -<body bgcolor="#000000" leftmargin="2" marginheight="2" marginwidth="2" topmargin="2"> +<body bgcolor="black" 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 aa2f893..38da2eb 100644 --- a/template/default/rec_edit.html +++ b/template/default/rec_edit.html @@ -2,67 +2,67 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> </head> -<body bgcolor="#f0f0f0" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="rec_edit"> <form action="<tmpl_var url>" method="get" name="form"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> - <td valign="middle" width="200" background="bilder/nav_button_back.gif"><p class="einzug_ohnetop"><b><%! Rename Recording !%></b></p></td> - <td align="right" width="550" background="bilder/nav_button_back_mitte.gif"> </td> - <td align="right" width="203" background="bilder/nav_button_back_mitte.gif"> </td> + <td valign="middle" width="200" background="bilder/nav_button_back.gif"> + <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> </tr> </table> - <br /> - <div align="left"> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> - <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> - </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> - <tr height="25"> - <td width="30" height="25" background="bilder/uebersicht_links.gif"> </td> - <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><%! Original Name of Recording: !%></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> - <tr height="25"> - <td width="30" height="25" background="bilder/uebersicht_links.gif"> </td> - <td width="20%" height="25" background="bilder/uebersicht_mitte.gif"><%! New Name of Recording: !%></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> - <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> - </table> - </div> - <br /> - <div align="left"> - <input type="hidden" name="aktion" value="rec_rename" /> - <input type="hidden" name="id" value="<tmpl_var id>" /> - <tmpl_if referer> - <input type="hidden" name="referer" value="<tmpl_var referer>" /> - </tmpl_if> - <input type="submit" name="save" value="<%! Rename !%>" /> - <input type="submit" name="exit" value="<%! Cancel !%>" /> + + <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> + </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> + <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> + <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> + <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> + </table> + + <div id="buttons"> + <input type="submit" class="submit" name="save" value="<%! Rename !%>" /> + <input type="submit" class="submit" name="exit" value="<%! Cancel !%>" /> </div> + <input type="hidden" name="aktion" value="rec_rename" /> + <input type="hidden" name="id" value="<tmpl_var id>" /> + <tmpl_if referer> + <input type="hidden" name="referer" value="<tmpl_var referer>" /> + </tmpl_if> </form> </body> diff --git a/template/default/rec_list.html b/template/default/rec_list.html index 074b016..7929320 100644 --- a/template/default/rec_list.html +++ b/template/default/rec_list.html @@ -2,17 +2,17 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> </head> -<body background="bilder/cback.png" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> +<body id="rec_list"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> <td valign="middle" width="300" background="bilder/nav_button_back.gif"> - <p class="einzug_ohnetop"><b><%! Recordings !%></b></p> + <h1><%! Recordings !%></h1> </td> <td colspan="2" align="right" background="bilder/nav_button_back_mitte.gif"> <tmpl_if disk_total> @@ -23,88 +23,86 @@ </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" valign="top" alt="help" title="<%! Help !%>" /></a> + <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> </tmpl_if> - <td width="15" background="bilder/nav_button_back_end.gif"> </td> + <td width="15" background="bilder/nav_button_back_end.gif"></td> </tr> </table> - <br /> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" id="path"> <tr> <td> <tmpl_loop path> - >><tmpl_if url><a href="<tmpl_var url>"><tmpl_var name></a><tmpl_else><tmpl_var name></tmpl_if> + >> <tmpl_if url><a href="<tmpl_var url>"><tmpl_var name></a><tmpl_else><tmpl_var name></tmpl_if> </tmpl_loop> </td> </tr> </table> - <br /> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> - <tr> + <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"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbydateurl>"><%! Date !%> + <h2> + <a href="<tmpl_var sortbydateurl>"><%! Date !%> <tmpl_if sortbydate> <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> - </nobr> + </h2> </td> <td colspan="2" background="bilder/uebersicht_oben<tmpl_if sortbytime>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbytimeurl>"><%! Time !%> + <h2> + <a href="<tmpl_var sortbytimeurl>"><%! Time !%> <tmpl_if sortbytime> <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> - </nobr> + </h2> </td> <td background="bilder/uebersicht_oben<tmpl_if sortbyname>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbynameurl>"><%! Name !%> + <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> - </nobr> + </h2> </td> - <td width="30" background="bilder/uebersicht_oben.gif"> </td> - <td width="30" background="bilder/uebersicht_oben.gif"> </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> <tmpl_if stream_rec_on> - <td width="70" background="bilder/uebersicht_oben.gif"> </td> + <td width="70" background="bilder/uebersicht_oben.gif"></td> </tmpl_if> - <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td> + <td width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td> </tr> <tmpl_loop recloop> - <tr height="25"> - <td valign="top" 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"> - <p class="einzug_liste"><tmpl_var date></p> + <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"> + <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"> - <p class="einzug_liste"> + <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"> + <div> <tmpl_if isfolder> <%! Total !%></tmpl_if> - </p> + </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"> - <p class="einzug_liste"><tmpl_var time></p> + <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"> + <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"> - <p class="einzug_liste"> + <td valign="top" width="10" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbytime>_selected</tmpl_if>.gif" class="new"> + <div> <tmpl_if isfolder> <%! New !%> <tmpl_else> @@ -112,66 +110,66 @@ <%! New !%> </tmpl_if> </tmpl_if> - </p> + </div> </td> - <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbyname>_selected</tmpl_if>.gif"> - <p class="einzug_liste"> + <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbyname>_selected</tmpl_if>.gif" class="name"> + <div> <tmpl_if isfolder> <img align="absmiddle" src="bilder/folder.gif" border="0" /> - <a href="<tmpl_var infurl>"><b><font color="black"><tmpl_var name></font></b></a> + <a href="<tmpl_var infurl>"><tmpl_var name></a> <tmpl_else> - <a href="javascript:popup('<tmpl_var infurl>');"><b><tmpl_var name></b></a> + <a href="javascript:popup('<tmpl_var infurl>');"><tmpl_var name></a> </tmpl_if> - </p> + </div> </td> - <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> + <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="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> - </p> + </div> </td> - <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> + <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="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> - </p> + </div> </td> - <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> + <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="checkbox"> + <div> <tmpl_unless isfolder><input type="checkbox" name="xxxx_<tmpl_var id>" /></tmpl_unless> - </p> + </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"> - <p class="einzug_liste"> + <td align="center" valign="top" width="70" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="stream"> + <div> <tmpl_unless isfolder> <a href="<tmpl_var streamurl>"><img src="bilder/stream.jpg" alt="stream" title="<%! Stream !%>" height="17" border="0" /></a> </tmpl_unless> - </p> + </div> </td> </tmpl_if> - <td valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"> </td> + <td width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"></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 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> <tr> - <td width="30"> </td> + <td width="30"></td> <td colspan="<tmpl_if stream_rec_on>9<tmpl_else>8</tmpl_if>" align="right"><br /> <tmpl_if reccmds> <%! Commands: !%> - <select name="rec_cmd"> + <select name="rec_cmd" class="submit"> <tmpl_loop reccmds> <option value="<tmpl_var id>"><tmpl_var title></option> </tmpl_loop> </select> - <input type="submit" name="rec_runcmd" value="<%! Run !%>" onclick="confirm(<%! Really run this command? !%>)" /> + <input type="submit" class="submit" name="rec_runcmd" value="<%! Run !%>" onclick="confirm(<%! Really run this command? !%>)" /> </tmpl_if> <!-- <table border="0" cellspacing="0" cellpadding="0"> @@ -184,9 +182,9 @@ </tr> </table> --> - <input type="submit" name="rec_delete" value="<%! Delete Selected Recordings !%>" onclick="mdel('<%! Delete all selected recordings? !%>');" /> + <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> + <td valign="top" width="30"></td> </tr> </table> <input type="hidden" name="aktion" value="rec_delete" /> diff --git a/template/default/style.css b/template/default/style.css index 08c9ce0..45b4f13 100644 --- a/template/default/style.css +++ b/template/default/style.css @@ -1,32 +1,56 @@ -body { background: #c4cdd7 url(bilder/background.gif) repeat-x } -td { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -.rec { font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -div { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -input { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -textarea { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -select { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -b { font-weight: bold } -i { font-style: italic } -a { color: #039; text-decoration: none } -a:visited { color: #039; text-decoration: none } -a:hover { color: #cc0000; text-decoration: underline } -a:active { color: #000; text-decoration: underline } -a.rec:link { color: #c00; text-decoration: none } -a.rec:visited { color: #000; text-decoration: none } -a.rec:hover { color: #cc0000; text-decoration: underline } -a.rec:active { color: #000; text-decoration: underline } -a.sort:link { color: black; text-decoration: none; font-weight: bold } -a.sort:visited { color: black; text-decoration: none; font-weight: bold } -a.sort:hover { color: black; text-decoration: underline; font-weight: bold } -a.sort:active { color: black; text-decoration: underline; font-weight: bold } -.headline { font-weight: bold; font-size: 14px; margin-top: 20px; margin-bottom: 20px } -.subheadline { color: #039; font-weight: bold } -.kleine { font-size: 10px } -.mini { font-size: 9px } -.rechts { text-align: right} -.einzug { margin: 10px 12px } -.einzug_ohnetop { margin-right: 12px; margin-left: 12px } -.einzug_liste { margin: 3px 5px 0px 5px; white-space: nowrap; } -.einzug_liste_headlines { margin-right: 5px; margin-left: 6px } -.einzugklein { color: #000; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; margin-right: 7px; margin-left: 7px } -.gbutton { color: black; font-weight: bold } +* { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; } +#rc, #tv { background-color: black; margin: 0px; } +body { background-color: #c4cdd7; margin: 3px; } +form { margin: 0px; } +td { color: black; font-weight: normal; font-size: 11px; } +input { color: black; font-weight: normal; font-size: 11px; } +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 } + +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; } +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; } + +a, a:visited, a:active { color: black; text-decoration: none; } +a:hover { color: gray; text-decoration: none; } + +#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; } +#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; } + +.color1 { background-color: #e6eff9; } +.color2 { background-color: #d5dee8; } +#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; } +#timer_list #prgtable { border-left-color:#000000; border-right-color:#000000; } + +#content { margin-top: 1em; } +.group { margin-top: 0.5em; } +#buttons { margin-top: 0.5em; } + +#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; } diff --git a/template/default/timer_list.html b/template/default/timer_list.html index 3862ba9..5060e2a 100644 --- a/template/default/timer_list.html +++ b/template/default/timer_list.html @@ -2,34 +2,28 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> <style type="text/css"> - #prgtable { border-left-width:1px;border-left-color:#000000;border-left-style:solid; border-right-width:1px;border-right-color:#000000;border-right-style:solid;} + #prgtable { border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; } </style> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="timer_list"> <?% - farbenix1="#d5dee8"; - farbenix2="#e6eff9"; - farbesendung="#00A317"; - farbekonflikt="#A11917"; - farbeinaktiv="#858585"; datumold=""; senderold=""; faktor=2.2; %?> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> <td valign="middle" width="200" background="bilder/nav_button_back.gif"> - <p class="einzug_ohnetop"><b><%! Timer !%></b></p> + <h1><%! Timer !%></h1> </td> - <td align="right" background="bilder/nav_button_back_mitte.gif"> </td> <td align="right" background="bilder/nav_button_back_mitte.gif"> <table border="0" cellspacing="0" cellpadding="0"> <tr height="20"> @@ -43,20 +37,20 @@ </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" alt="help" title="<%! Help !%>" /></a> + <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> </tmpl_if> - <td width="15" background="bilder/nav_button_back_end.gif"> </td> + <td width="15" background="bilder/nav_button_back_end.gif"></td> </tr> </table> - <br /> - <form action="<tmpl_var url>" method="get" name="FormName1"> + <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"> - <b><tmpl_var title></b> + <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')"> @@ -68,26 +62,21 @@ <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td> </tr> <tr> - <td valign="top" width="30" background="bilder/uebersicht_links.gif"> </td> + <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 bgcolor="<?% farbenix2 %?>" height=20 width=100><img src="bilder/spacer.gif" width="100" height="1" border="0" /><br /> </td> + <td class="color1" height=20 width=100><img src="bilder/spacer.gif" width="100" height="1" border="0" /><br /> </td> <?% stunde=0; pos=0; WHILE stunde<24; stunde=stunde+1; - IF (stunde % 2) == 1; - farbe=farbenix1; - ELSE; - farbe=farbenix2; - END; ende=((stunde * 60 / faktor) +0.5 ) | format('%i'); %?> - <td bgcolor="<?% farbe %?>" 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; @@ -101,7 +90,6 @@ tablaenge=((1440 / faktor) + 0.5 ) | format('%i'); FOREACH timer = timers; IF timer.cdesc != sender && timer.starttime <= current && timer.stoptime >= current; - bgfarbe=((programm % 2) == 0) ? farbenix1 : farbenix2; sender=timer.cdesc; %?> <table cellspacing="0" cellpadding="0" border="0"> @@ -112,19 +100,23 @@ <table cellspacing="0" cellpadding="0" border="0"> <tr> - <td bgcolor="<?% bgfarbe %?>" height="20" width="100"><img src="bilder/spacer.gif" width="100" height="1" border="0" /><br /><b><?% sender | truncate(11) %?></b></td> + <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; - progfarbe=farbeinaktiv; + td_class="col_inactive"; ELSE; IF sendung.critical == 1; - progfarbe=farbekonflikt; + td_class="col_conflict"; ELSE; - progfarbe=farbesendung; + IF sendung.collision == 1; + td_class="col_collision"; + ELSE; + td_class="col_ok"; + END; END; END; IF sendung.starttime < current; @@ -141,19 +133,19 @@ IF start>pos; %?> - <td bgcolor="<?% bgfarbe %?>"><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 bgcolor="<?% progfarbe %?>"><span title="<?% sendung.title %?>"><img src="bilder/spacer.gif" width="<?% ende - pos %?>" height="20" border="0" /></span></td> + <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> <?% ELSE; %?> - <td bgcolor="<?% progfarbe %?>" id="prgtable"><span title="<?% sendung.title %?>"><img src="bilder/spacer.gif" width="<?% ende - pos - 2 %?>" height="20" border="0" /></span></td> + <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> <?% END; @@ -162,7 +154,7 @@ END; IF pos<tablaenge; %?> - <td bgcolor="<?% bgfarbe %?>"><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; @@ -181,99 +173,98 @@ </tr> </table> </td> - <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"> </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 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> - <br /> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> - <tr> + <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"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbyactiveurl>"><%! Active !%> + <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> - </nobr> + </h2> </td> <td width="10%" background="bilder/uebersicht_oben<tmpl_if sortbychannel>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbychannelurl>"><%! Channel !%> + <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> - </nobr> + </h2> </td> <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbyday>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbydayurl>"><%! Date !%> + <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> - </nobr> + </h2> </td> <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystart>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbystarturl>"><%! Start !%> + <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> - </nobr> + </h2> </td> <td width="40" background="bilder/uebersicht_oben<tmpl_if sortbystop>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbystopurl>"><%! Stop !%> + <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> - </nobr> + </h2> </td> <td background="bilder/uebersicht_oben<tmpl_if sortbyname>_selected</tmpl_if>.gif"> - <nobr class="einzug_liste_headlines"> - <a class="sort" href="<tmpl_var sortbynameurl>"><%! Name !%> + <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> - </nobr> + </h2> </td> - <td width="30" background="bilder/uebersicht_oben.gif"> </td> - <td width="30" background="bilder/uebersicht_oben.gif"> </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> <tmpl_loop timer_loop> - <tr> - <td valign="top" 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"> - <p class="einzug_liste"> + <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> @@ -281,7 +272,7 @@ <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 collision> - <img src="bilder/poempl_gelb.gif" alt="nomore" title="<%! No more timers possible! !%>" width="19" height="19" align="absmiddle" border="0" /> + <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" /> @@ -289,60 +280,59 @@ </tmpl_if> </tmpl_if> </tmpl_if> - <a href="javascript:change('<%! Edit timer status? !%>','<tmpl_var toggleurl>&timer=<?% current %?>');"> - <font color="black"> - <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> - </font> + <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> - </p> + </div> </td> - <td valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if><tmpl_if sortbychannel>_selected</tmpl_if>.gif"> - <p class="einzug_liste"><a href="<tmpl_var proglink>"><tmpl_var cdesc></a></p> + <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"> - <p class="einzug_liste"><tmpl_var dor></p> + <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"> - <p class="einzug_liste"><tmpl_var start></p> + <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"> - <p class="einzug_liste"><tmpl_var stop></p> + <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"> - <p class="einzug_liste" title="<%! Priority: !%> <tmpl_var prio> / <%! Lifetime: !%> <tmpl_var lft>"> + <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" /> </tmpl_if> <tmpl_if infurl> <a href="javascript:popup('<tmpl_var infurl>');"><tmpl_var title></a> <tmpl_else> <tmpl_var title> </tmpl_if> - </p> + </div> </td> - <td align="center" valign="top" width="30" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><a href="<tmpl_var modurl>"><img src="bilder/edit.gif" alt="edit" title="<%! Edit !%>" height="17" width="17" border="0" /></a></p> + <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"> - <p class="einzug_liste"><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></p> + <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"> - <p class="einzug_liste"><input type="checkbox" name="xxxx_<tmpl_var id>" /></p> + <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 valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"> </td> + <td width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"></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 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> + + <table width="100%" border="0" cellspacing="0" cellpadding="0" id="buttons"> <tr> - <td valign="top" colspan="6"></td> - <td colspan="4" align="right"><br /> + <td align="right"> <table border="0" cellspacing="0" cellpadding="0"> <tr height="20"> <td width="12" height="20" background="bilder/gbutton_left.gif"></td> @@ -353,10 +343,10 @@ </tr> </table> </td> - <td valign="top" width="30"></td> </tr> </table> <input type="hidden" name="aktion" value="timer_delete" /> </form> + </div> </body> </html> diff --git a/template/default/timer_new.html b/template/default/timer_new.html index 13fd8a4..f335cb6 100644 --- a/template/default/timer_new.html +++ b/template/default/timer_new.html @@ -2,7 +2,7 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /> + <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" /> <script type="text/javascript" language="JavaScript1.2" src="library.js"></script> @@ -37,137 +37,135 @@ </script> </head> -<body onload='eCheckbox("<tmpl_var dor>")' bgcolor="#f0f0f0" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<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"> + <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"> - <p class="einzug_ohnetop"><b><tmpl_if newtimer><%! Create New Timer !%><tmpl_else><%! Edit Timer !%></tmpl_if></b></p> + <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 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> + <td width="15" background="bilder/nav_button_back_end.gif"></td> </tr> </table> - <br /> - <div align="left"> - <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" 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"><%! Timer Active: !%></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"><%! Auto Timer Checking: !%></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"><%! Channel: !%></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"> + <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"> <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"><%! Day Of Recording: !%></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"><%! Start Time: !%></td> - <td height="25" background="bilder/uebersicht_mitte.gif"> - <input type="text" name="starth" value="<tmpl_var starth>" size="2" maxlength="2" /> - <b> : </b> - <input type="text" name="startm" value="<tmpl_var startm>" size="2" maxlength="2" /> - <%! 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"><%! End Time: !%></td> - <td height="25" background="bilder/uebersicht_mitte_dark.gif"> - <input type="text" name="stoph" value="<tmpl_var stoph>" size="2" maxlength="2" /> - <b> : </b> - <input type="text" name="stopm" value="<tmpl_var stopm>" size="2" maxlength="2" /> - <%! 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"><%! Priority: !%></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"><%! Lifetime: !%></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"><%! Title of Recording: !%></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"><%! Summary: !%></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> - </div> - <br /> - <div align="left"> - <input type="submit" name="save" value="<%! Save !%>" /> - <input type="submit" name="exit" value="<%! Cancel !%>" /> + </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> : </b> + <input type="text" name="startm" value="<tmpl_var startm>" size="2" maxlength="2" /> + <%! 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> : </b> + <input type="text" name="stopm" value="<tmpl_var stopm>" size="2" maxlength="2" /> + <%! 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> + + <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> diff --git a/template/default/toolbar.html b/template/default/toolbar.html index 5385f19..00f8a9f 100644 --- a/template/default/toolbar.html +++ b/template/default/toolbar.html @@ -2,13 +2,13 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <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 bgcolor="#ffffff"> +<body id="toolbar"> <form action="<tmpl_var url>" method="get" name="FormName"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> diff --git a/template/default/tv.html b/template/default/tv.html index faaf9b9..3c4fb90 100644 --- a/template/default/tv.html +++ b/template/default/tv.html @@ -3,7 +3,7 @@ <head> <title>VDRAdmin - <%! TV !%> (<tmpl_var host>)</title> - <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> + <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> <script language="JavaScript"> @@ -57,21 +57,11 @@ } //--> </script> - <style type="text/css" media="screen"> - <!-- -#Ebene1 { position: absolute; z-index: 0; top: 0px; left: 0px; width: 100px; height: 100px; visibility: visible; display: block } -#Ebene2 { position: absolute; z-index: 10; top: 0px; left: 0px; width: 100px; height: 100px; visibility: visible; display: block } -td { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif } -input, b { font-weight: normal; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif} -select { font-weight: normal; width: 55px; height: 20px; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif} -#small { font-weight: normal; width: 20px; height: 20px; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif} - --> - </style> </head> -<body onLoad="go()" background="bilder/tv_bottom.gif" bgcolor="#000000" leftmargin="2" marginheight="2" marginwidth="2" topmargin="2"> +<body onLoad="go()" id="tv"> <form name="liveform"> - <table width="200" border="0" cellspacing="0" cellpadding="0"> + <table width="200" border="0" cellspacing="0" cellpadding="0" background="bilder/tv_bottom.gif"> <tr> <td align="center" valign="middle"><img name="Bild" src="<tmpl_var url>" border="1" hspace="2" vspace="2" /></td> <td><img src="bilder/spacer.gif" name="switchimage" width="2" height="1" /></td> @@ -179,7 +169,7 @@ select { font-weight: normal; width: 55px; height: 20px; font-size: 9px; font-fa <tr valign="middle"> <td valign="middle"> <nobr> - <b><%! Interval: !%></b> + <h5><%! Interval: !%></h5> <select name="Seconds" size="1" onChange="v_changeInterval(this.options[this.selectedIndex].value)"> <option value="0"><%! off !%></option> <option value="1"> 1 <%! sec. !%></option> @@ -190,18 +180,21 @@ select { font-weight: normal; width: 55px; height: 20px; font-size: 9px; font-fa <option value="30">30 <%! sec. !%></option> <option value="60">60 <%! sec. !%></option> </select> - <input type="button" name="livebild" value='<%! G !%>' title="<%! Grab the picture! !%>" onClick="WebcamUpdate()" /> - <b><%! Size: !%></b> + <input type="button" class="submit" name="livebild" value='<%! G !%>' title="<%! Grab the picture! !%>" onClick="WebcamUpdate()" /> + <h5><%! Size: !%></h5> <select name="Size" size="1" 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> </select> - <input type="button" name="livebild" value='<%! G !%>' title="<%! Grab the picture! !%>" onClick="WebcamUpdate()" /> + <input type="button" class="submit" name="livebild" value='<%! G !%>' title="<%! Grab the picture! !%>" onClick="WebcamUpdate()" /> </nobr> </td> <td colspan="2"> </td> </tr> + <tr> + <td colspan="3"> </td> + </tr> </table> </form> </body> diff --git a/template/default/tv_flash.html b/template/default/tv_flash.html index 7144413..29373cc 100644 --- a/template/default/tv_flash.html +++ b/template/default/tv_flash.html @@ -2,12 +2,12 @@ <html> <head> <title>VDRAdmin - <%! TV !%> (<tmpl_var host>)</title> - <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> + <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> +<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" /> diff --git a/template/i18n.pl b/template/i18n.pl index 94a1a87..93aca01 100644 --- a/template/i18n.pl +++ b/template/i18n.pl @@ -1,28 +1,3 @@ -@I18N_Days = ( - gettext("Sunday"), - gettext("Monday"), - gettext("Tuesday"), - gettext("Wednesday"), - gettext("Thursday"), - gettext("Friday"), - gettext("Saturday") -); - -@I18N_Month = ( - gettext("January"), - gettext("February"), - gettext("March"), - gettext("April"), - gettext("May"), - gettext("June"), - gettext("July"), - gettext("August"), - gettext("September"), - gettext("October"), - gettext("November"), - gettext("December") -); - @LOGINPAGES_DESCRIPTION = ( gettext("What's On Now?"), gettext("Playing Today?"), @@ -35,11 +10,11 @@ %ERROR_MESSAGE = ( not_found => gettext("Not found"), notfound_long => gettext("The requested URL was not found on this server!"), - notfound_file => gettext("The URL "%s" was not found on this server!"), + notfound_file => gettext("The URL \"%s\" was not found on this server!"), forbidden => gettext("Forbidden"), forbidden_long => gettext("You don't have permission to access this function!"), - forbidden_file => gettext("Access to file "%s" denied!"), - cant_open => gettext("Can't open file "%s"!"), + forbidden_file => gettext("Access to file \"%s\" denied!"), + cant_open => gettext("Can't open file \"%s\"!"), connect_failed => gettext("Can't connect to VDR at %s!"), send_command => gettext("Error while sending command to VDR at %s"), ); @@ -49,46 +24,12 @@ ); %HELP = ( - timer_list => -gettext("<b>Timer</b> -<p>VDR timer overview.</p> -<p>Clicking on |<img src=\"bilder/poempl_gruen.gif\" alt=\"on\" valign=\"center\"> <i>Yes</i> | or |<img src=\"bilder/poempl_grau.gif\" alt=\"off\" valign=\"center\"> <i>No</i> | in the column <i>Active</i>, switches the timer on or off.<br> -<img src=\"bilder/poempl_gelb.gif\" alt=\"problem\" valign=\"center\"> indicates overlapping timers. That's uncritical, as long as you have enough DVB cards for the parallel recordings.<br> -To edit an entry, click on <img src=\"bilder/edit.gif\" alt=\"Stift\" valign=\"center\">, to delete a timer use <img src=\"bilder/delete.gif\" alt=\"Radiergummi\" valign=\"center\">. To delete more than one timer at once, select them using the checkboxes (<input type=\"checkbox\" checked>) and click on <i>Delete selected timers</i> at the end of the list. -</p>"), - - timer_new => -gettext("<p>No help available for <b>Add Timer:</b> yet. For adding text please contact mail\@andreas.vdr-developer.org. -</p>"), - - at_timer_list => -gettext("<b>Auto Timer:</b><br> -<p>An overview of all Auto Timers</p> -<p>Click <i>Yes</i> or <i>No</i> in the <i>Active</i> column to (de-)activate that Auto Timer.</p> -<p>Use <img src=\"bilder/edit.gif\" alt=\"pen\" valign=\"center\"> for editing and <img src=\"bilder/delete.gif\" alt=\"Rubber\" valign=\"center\"> for deleting an Auto Timer. If you want to delete multiple Auto Timers all at once, you have to check the boxes (<input type=\"checkbox\" checked>) on the right and finally click <i>Delete selected Auto Timers</i>.</p>"), - - at_timer_new => -gettext("<b>Edit Auto Timer:</b><br> -<p>Auto Timer is a key feature of VDRAdmin. An Auto Timer consists of one or more search terms and some other settings, that are looked for regularly in the Electronic Program Guide (EPG). On match Auto Timer 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> -<p>Here you can set an Auto Timer. It's required to specify at least one search item. Please have a look at <i>Search Items</i> if you need more information on how to find reasonable search items and how to avoid unwanted recordings.</p> -<b>Auto Timer Active:</b><br> -<p><i>Yes</i> activates and <i>No</i> deactivates this Auto Timer. Please note that VDR timers already added by VDRAdmin are not deleted if you deactivate this Auto Timer.</p> -<b>Search Items:</b><br> -<p>Choosing the right search items decides whether only the wanted broadcast or broadcast having similar names or nothing gets recorded.</p> -<p>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 all items.</p> -<p>You'd better only use letters and numbers for search items, as EPGs often miss colons, brackets and other characters.</p> -<p>Experts can also use regular expressions, but you have get needed information from the VDRAdmin sources (undocumented feature).</p>"), - - rec_list => -gettext("<p>No help available for <b>Recordings:</b>. For adding text please contact mail\@andreas.vdr-developer.org. -</p>"), - conf_list => gettext("<b>Configuration:</b> -<p>Here you can change general settings and base settings for timers, auto timers, channel selection and streaming parameters. +<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, auto timers, the channel selection and streaming parameters can be configured here. +<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. @@ -97,12 +38,12 @@ gettext("<b>Configuration:</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 auto timers:</b> -<p>Clicking on |<input type=\"radio\"> <i>Yes</i> | or |<input type=\"radio\" checked> <i>No</i> | activates or deactivates the auto timer function. You can also specify the interval, the the epg data is checked for updating the auto timers.<br> +<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 auto timers, but apply to the manually created timers. +<p>These are the same settings as for the autotimers, but apply to the manually created timers. </p> <b>Streaming settings:</b> |