diff options
Diffstat (limited to 'template/Deutsch/prog_timeline.html')
| -rw-r--r--[-rwxr-xr-x] | template/Deutsch/prog_timeline.html | 364 |
1 files changed, 199 insertions, 165 deletions
diff --git a/template/Deutsch/prog_timeline.html b/template/Deutsch/prog_timeline.html index 836c992..77dbb15 100755..100644 --- a/template/Deutsch/prog_timeline.html +++ b/template/Deutsch/prog_timeline.html @@ -1,10 +1,11 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> - <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"> - <title>VDRAdmin - Was läuft jetzt?</title> +<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"> + <title>VDRAdmin - Was läuft jetzt?</title> + <?%- breite = 600; seite = 100; @@ -20,9 +21,9 @@ diff_minute = jetzt_minute - akt_minute; IF date.format(date.now, '%H:%M') == date.format(now_sec, '%H:%M'); - akt_sekunde = now_sec - (diff_minute * 60); + akt_sekunde = now_sec - (diff_minute * 60); ELSE; - akt_sekunde = now_sec; + akt_sekunde = now_sec; END; bis = 60 * zeitrahmen; @@ -34,17 +35,21 @@ z = 0; einheit = ((breite / bis) + 0.5) | format('%i'); -%?> - <link href="style.css" rel="stylesheet" media="screen"> - <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;} - <?% 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; } - <?% END %?> + + <link href="style.css" rel="stylesheet" media="screen"> + <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; } + +<?% 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; } +<?% END %?> + #bigtable { position:absolute; top:100px; left: <?% left %?>px; z-index: 1; } - </style> - <script language="JavaScript" src="library.js"></script> - <script language="JavaScript"> + </style> + + <script language="JavaScript" src="library.js"></script> + <script language="JavaScript"> function Go(x) { if(x =="nothing") { document.forms[0].reset(); @@ -55,175 +60,204 @@ document.forms[0].elements[0].blur(); } } - </script> - </head> + </script> +</head> <body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> <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'> - <tr> - <td valign="middle" background="bilder/nav_button_back.gif"> - <nobr><p class="einzug_ohnetop"><b><?% now %?></b></p> - </td> - <td align="right" background="bilder/nav_button_back_mitte.gif">Was läuft: - <select size=1 name="Auswahl" onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)" style="width:100px"; width="100"> - <option value="<?% nowurl %?>">jetzt</option> - <?% FOREACH timer = times %?> - <?% timer_o_dopp = timer | replace('\:', '') %?> - <option value="<?% nowurl %?>&time=<?% timer_o_dopp %?>" <?% "selected" IF now == timer %?>><?% timer %?></option> - <?% END %?> - </select> - | um: - </td> - <td align="right" width="50" background="bilder/nav_button_back_mitte.gif"> - <input type="text" name="time" size="5" value="<?% now %?>"> - <input type="hidden" name="aktion" value="prog_timeline"> - </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> - -<!-- Zeitleiste --> -<table width="<?% breite + seite + 40 %?>" border="0" cellspacing="0" cellpadding="0" name="bigtable" id="bigtable"> - <tr> - <td valign="top" width="30"> - <p><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0"></p> - </td> - <td colspan="3" width='<?% breite + seite %?>' background="bilder/uebersicht_oben.gif"><b>Timeline: <?% date.format(akt_sekunde, '%H:%M') %?> bis <?% date.format(bis_sec, '%H:%M') %?></b></td> - <td align="right" background="bilder/uebersicht_oben.gif"><nobr><?% IF akt_stunde <= jetzt_stunde %?><img src="bilder/pfeile_nachlinks_soft.gif" border="0"><?% ELSE %?><a href="<?% nowurl %?>&time=<?% akt_stunde - zeitrahmen | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachlinks.gif" border="0"></a><?% END %?><a href="<?% nowurl %?>&time=<?% bis_stunde | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachrechts.gif" border="0"></a></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> - <tr> - <td valign="top" width="30" background="bilder/uebersicht_links.gif"> </td> - <td colspan="4"> -<table border=0 cellpadding=0 cellspacing=0 width="1"> - <tr> - <td bgcolor="#e6eff9"><img src="bilder/spacer.gif" width="<?% seite %?>" height=1 border=0><br></td> - <?% WHILE minute < bis %?> - <td colspan="6" bgcolor='<?% minute % 60 ? "#e6eff9" : "#d5dee8" %?>'> - <img src="bilder/spacer.gif" width="<?% einheit * 30 %?>" height=1 border=0><br> - <?% zeit = akt_sekunde + (minute * 60) %?> - <b><?% date.format(zeit, '%H:%M') %?></b> - </td> - <?% minute = minute + 30 %?> - <?% END %?> - </tr> - <?% minute = 0 %?> - <tr> - <td bgcolor="#e6eff9"><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" %?>'> - <?% IF minute % 15 %?> - <img src="bilder/pixel.gif" width="1" height=5 border=0> - <?% ELSE %?> - <img src="bilder/pixel.gif" width="1" height=10 border=0> - <?% END %?> - </td> - <?% minute = minute + 5 %?> + <table width="<?% breite + seite + 80 %?>" border="0" cellspacing="0" cellpadding="0" height="39" style='position:absolute; left:<?% left %?>; top: 20px'> + <tr> + <td valign="middle" background="bilder/nav_button_back.gif"> + <nobr><p class="einzug_ohnetop"><b><?% now %?></b></p></nobr> + </td> + <td align="right" background="bilder/nav_button_back_mitte.gif"> + Was läuft: + <select size=1 name="Auswahl" onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)" style="width:100px"; width="100"> + <option value="<?% nowurl %?>">jetzt</option> +<?% FOREACH timer = times %?> + <?% timer_o_dopp = timer | replace('\:', '') %?> + <option value="<?% nowurl %?>&time=<?% timer_o_dopp %?>" <?% "selected" IF now == timer %?>><?% timer %?></option> +<?% END %?> + </select> + | um: + </td> + <td align="right" width="50" background="bilder/nav_button_back_mitte.gif"> + <input type="text" name="time" size="5" value="<?% now %?>"> + <input type="hidden" name="aktion" value="prog_timeline"> + </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> + + <!-- Zeitleiste --> + <table width="<?% breite + seite + 40 %?>" border="0" cellspacing="0" cellpadding="0" name="bigtable" id="bigtable"> + <tr> + <td valign="top" width="30"> + <p><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0"></p> + </td> + <td colspan="3" width='<?% breite + seite %?>' background="bilder/uebersicht_oben.gif"> + <b>Timeline: <?% date.format(akt_sekunde, '%H:%M') %?> bis <?% date.format(bis_sec, '%H:%M') %?></b> + </td> + <td align="right" background="bilder/uebersicht_oben.gif"> + <nobr> +<?% IF akt_stunde <= jetzt_stunde %?> + <img src="bilder/pfeile_nachlinks_soft.gif" border="0"> +<?% ELSE %?> + <a href="<?% nowurl %?>&time=<?% akt_stunde - zeitrahmen | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachlinks.gif" border="0"></a> +<?% END %?> + <a href="<?% nowurl %?>&time=<?% bis_stunde | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachrechts.gif" border="0"></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> + <tr> + <td valign="top" width="30" background="bilder/uebersicht_links.gif"> </td> + <td colspan="4"> + <table border=0 cellpadding=0 cellspacing=0 width="1"> + <tr> + <td bgcolor="#e6eff9"><img src="bilder/spacer.gif" width="<?% seite %?>" height=1 border=0><br></td> +<?% WHILE minute < bis %?> + <td colspan="6" bgcolor='<?% minute % 60 ? "#e6eff9" : "#d5dee8" %?>'> + <img src="bilder/spacer.gif" width="<?% einheit * 30 %?>" height=1 border=0> + <br> + <?% zeit = akt_sekunde + (minute * 60) %?> + <b><?% date.format(zeit, '%H:%M') %?></b> + </td> + <?% minute = minute + 30 %?> +<?% END %?> + </tr> +<?% minute = 0 %?> + <tr> + <td bgcolor="#e6eff9"> + <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" %?>'> + <?% IF minute % 15 %?> + <img src="bilder/pixel.gif" width="1" height=5 border=0> + <?% ELSE %?> + <img src="bilder/pixel.gif" width="1" height=10 border=0> <?% END %?> - </tr> -</table> -<table border=0 cellpadding=0 cellspacing=0 width="1"> + </td> + <?% minute = minute + 5 %?> +<?% END %?> + </tr> + </table> + <table border=0 cellpadding=0 cellspacing=0 width="1"> + <!-- Sendernamen --> - <?% b = 0; +<?% b = 0; FOREACH name = shows.keys.nsort; old_stop_minute = -1; chars = seite / 10 | format('%i'); b = b + 1 %?> - <tr> - <td valign='top' bgcolor='<?% b % 2 ? "#d5dee8" : "#e6eff9" %?>'> - <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" %?>'><?% - z = 0; - FOREACH show = shows.${name}; - start_stunde = date.format(show.start, '%H') - akt_stunde; -# start_stunde = (start_stunde < 0 ? 0 : start_stunde); - start_minute = date.format(show.start, '%M') - akt_minute; - start_minute = (start_stunde * 60 ) + start_minute; - - show.stop = show.stop - 60; - stop_stunde = date.format(show.stop, '%H') - akt_stunde; - stop_stunde = (stop_stunde < 0 ? 0 : stop_stunde); - stop_minute = date.format(show.stop, '%M') - akt_minute; - stop_minute = (stop_stunde * 60 )+ stop_minute; - - IF start_minute < akt_minute; start_minute = 0; END; - IF stop_minute > bis_minute; stop_minute = bis_minute; END; - - laenge = stop_minute - start_minute; - laenge_pix = laenge * einheit; - laenge_chars = ((laenge_pix / 10) + 0.5) | format('%i'); - NEXT IF start_minute >= bis_minute; - IF start_minute >= old_stop_minute; - start_minute = start_minute + 1 IF start_minute == old_stop_minute; - %?> + <tr> + <td valign='top' bgcolor='<?% b % 2 ? "#d5dee8" : "#e6eff9" %?>'> + <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" %?>'> + <?% + z = 0; + FOREACH show = shows.${name}; + start_stunde = date.format(show.start, '%H') - akt_stunde; +# start_stunde = (start_stunde < 0 ? 0 : start_stunde); + start_minute = date.format(show.start, '%M') - akt_minute; + start_minute = (start_stunde * 60 ) + start_minute; + + show.stop = show.stop - 60; + stop_stunde = date.format(show.stop, '%H') - akt_stunde; + stop_stunde = (stop_stunde < 0 ? 0 : stop_stunde); + stop_minute = date.format(show.stop, '%M') - akt_minute; + stop_minute = (stop_stunde * 60 )+ stop_minute; + + IF start_minute < akt_minute; start_minute = 0; END; + IF stop_minute > bis_minute; stop_minute = bis_minute; END; + + laenge = stop_minute - start_minute; + laenge_pix = laenge * einheit; + laenge_chars = ((laenge_pix / 10) + 0.5) | format('%i'); + NEXT IF start_minute >= bis_minute; + IF start_minute >= old_stop_minute; + start_minute = start_minute + 1 IF start_minute == old_stop_minute; +%?> <?% IF start_minute > akt_minute && ! z %?> <?% diff = (start_minute - akt_minute) * einheit %?> - <table border=0 align=left cellpadding=0 cellspacing=0> - <td width="1"> - <img src='bilder/spacer.gif' width='<?% diff %?>' height='8' border=0 align=left hspace=0> - </td> - </table> - <?% END %?> + <table border=0 align=left cellpadding=0 cellspacing=0> + <td width="1"> + <img src='bilder/spacer.gif' width='<?% diff %?>' height='8' border=0 align=left hspace=0> + </td> + </table> + <?% END %?> <?% IF old_stop_minute + 1 < start_minute && z %?> <?% diff = (start_minute - old_stop_minute - 1) * einheit %?> - <img title="DiffMinute: <?% start_minute - old_stop_minute - 1 %?>" src='bilder/spacer.gif' width='<?% diff %?>' height='8' border=0 align=left hspace=0> - <?% 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 width="1" bgcolor="<?% bg_color %?>"> - <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 %?> - <?% IF laenge_chars > 2 %?> - <span title='<?% show.title %?>'><?% show.title | truncate( laenge_chars ) %?></div> - <?% ELSE %?> - <img src='bilder/spacer.gif' width='1' height='8' border=0 hspace=0> - <?% END %?> - <?% IF show.summary %?></a><?% END %?> - </td></table> - <?% - END; + <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" %?>"> + <tr> + <td width="1" bgcolor="<?% bg_color %?>"> + <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 %?> + <?% IF laenge_chars > 2 %?> + <span title='<?% show.title %?>'><?% show.title | truncate( laenge_chars ) %?></div> + <?% ELSE %?> + <img src='bilder/spacer.gif' width='1' height='8' border=0 hspace=0> + <?% END %?> + <?% IF show.summary %?> + </a> + <?% END %?> + </nobr> + </td> + </tr> + </table> + + <?% END; z = z + 1; old_start_minute = start_minute; old_stop_minute = stop_minute; - END %?> - </td> - </tr> + END %?> + </td> + </tr> <?% END %?> -</table> + </table> + </td> <!-- Vertikal ansicht END --> - <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"> </td> - </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 valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0"></td> -</tr> -</table> - </form> - </body> + <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 valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0"></td> + </tr> + </table> + </form> +</body> </html> |