summaryrefslogtreecommitdiff
path: root/template/default/prog_timeline.html
diff options
context:
space:
mode:
authorAndreas Mair <amair.sob@googlemail.com>2005-06-22 14:42:18 +0200
committerAndreas Mair <amair.sob@googlemail.com>2005-06-22 14:42:18 +0200
commit1f33deeae237bdcc4281de03d268528d4a09edd3 (patch)
treeba27f73a162201dc1f33a83cdb77ca724ab22fa8 /template/default/prog_timeline.html
parentd6922e850779c4ff9d8bcbcef9842cf333eb8638 (diff)
downloadvdradmin-am-1f33deeae237bdcc4281de03d268528d4a09edd3.tar.gz
vdradmin-am-1f33deeae237bdcc4281de03d268528d4a09edd3.tar.bz2
2005-06-22: 0.97-am3.3rcv0.97-am3.3rc
- Updated all help messages. - Added beautified tooltips in timer_list. PLEASE COMMENT!!! - Changed saving of AutoTimer patterns: ":" -> "|" and "|" -> "\|". - Added support for user.css for overwriting style.css (Must be located in /etc/vdradmin/). See user.css.example. PLEASE COMMENT ON THIS!!! - Removed obsolete files (e.g. images). - Merged style.css and navi.css. - Reworked templates so that they use a lot of CSS (Tested using Konqueror 3.3.2 and Firefox 1.0.4). - Fixed programming timers with special summary when using EPG_DIRECT (timer didn't get programmed) (Thanks to HolgerAusB for giving vital hints). - Allow browsers to cache all files VDRAdmin sends, except "text/html". This should speed up VDRAdmin but changing the skin or css needs a "shift reload". - Added support for VDR v1.3.25's info.vdr (Submitted by vejoun). - Use localized date formates. - Now using "video/x-mpegurl" MIME type instead of "audio/x-mpegurl" for streaming (Suggested by stefan.h). - Added patches supplied by stefan.h: -> using EPG's subtitle when found for AutoTimer else " " (that's the VDR way). -> New config option VDRVFAT to find recordings if VDR has been compiled with or without VFAT define. - Fixed calling reccmds on recordings in subdirs, manual recordings (@rectitle) and repeating timer's recordings without episode title. - Fixed streaming of manual recordings (@rectitle) and repeating timer's recordings without episode title. - VDRAdmin-AM now uses the required charsets setting in templates, so no need to write "&xyz;" things in .po files. - Reworked templates to make better use of CSS (for example: timeline colours can be set by style.css). - EPG_PRUNE now is the number of channels to fetch from VDR (had been one too less before). - Added "install.sh" and "uninstall.sh" ("./install.sh -h" for help) (Requested by several people). - Made "name" columns in lists wrapping again (Reported by vejoun). - Deleting a single recording works again (Reported by vejoun). - Fixed streaming of recordings in subdirs (Reported by vejoun). - Added missing gray sign on deactivated AutoTimers (Reported by vejoun).
Diffstat (limited to 'template/default/prog_timeline.html')
-rw-r--r--template/default/prog_timeline.html191
1 files changed, 104 insertions, 87 deletions
diff --git a/template/default/prog_timeline.html b/template/default/prog_timeline.html
index 4624c94..5f9e61d 100644
--- a/template/default/prog_timeline.html
+++ b/template/default/prog_timeline.html
@@ -6,6 +6,9 @@
<meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" />
<title>VDRAdmin - <%! What's On Now? !%></title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
+ <tmpl_if usercss>
+ <link href="user.css" rel="stylesheet" media="screen" type="text/css" />
+ </tmpl_if>
<script type="text/javascript" language="JavaScript1.2" src="library.js"></script>
<?%-
@@ -65,14 +68,15 @@
<body id="prog_timeline">
<form action="<?% nowurl %?>" method="get" name="FormName">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39">
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" id="heading">
<tr>
- <td valign="middle" background="bilder/nav_button_back.gif">
+ <td class="col_left"></td>
+ <td class="col_title">
<h1><?% now %?>&nbsp;<%! o'clock !%></h1>
</td>
- <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif">
+ <td class="col_other">
<%! What's on: !%>&nbsp;
- <select size="1" name="Auswahl" onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)" style="width:100px" width="100">
+ <select name="Auswahl" class="submit" onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)" style="width:100px" width="100">
<option value="<?% nowurl %?>"><%! now !%></option>
<?% FOREACH timer = times %?>
<?% timer_o_dopp = timer | replace('\:', '') %?>
@@ -84,72 +88,84 @@
&nbsp;<%! o'clock !%>
<input type="hidden" name="aktion" value="prog_timeline" />
</td>
- <td width="15" background="bilder/nav_button_back_end.gif"></td>
+ <td class="col_right"></td>
</tr>
</table>
<!-- Vertikal ansicht TOP -->
<span id="timeline" class="timeline"><img src="bilder/spacer.gif" width="1" height="1" border="0" /></span>
- <!-- Zeitleiste -->
- <table width="<?% breite + seite + 40 %?>" border="0" cellspacing="0" cellpadding="0" name="bigtable" id="bigtable">
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="3" width='<?% breite + seite %?>' background="bilder/uebersicht_oben.gif"><b><%! Timeline: !%>&nbsp;<?% date.format(akt_sekunde, '%H:%M') %?>&nbsp;<%! o'clock !%>&nbsp;<%! to !%>&nbsp;<?% date.format(bis_sec, '%H:%M') %?>&nbsp;<%! o'clock !%></b></td>
- <td align="right" background="bilder/uebersicht_oben.gif"><nobr><?% IF akt_stunde <= jetzt_stunde %?><img src="bilder/pfeile_nachlinks_soft.gif" border="0" width="28" height="30" /><?% ELSE %?><a href="<?% nowurl %?>&time=<?% akt_stunde - zeitrahmen | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachlinks.gif" border="0" width="28" height="30" /></a><?% END %?><a href="<?% nowurl %?>&time=<?% bis_stunde | format('%02d') %?><?% akt_minute | format('%02d') %?>"><img src="bilder/pfeile_nachrechts.gif" border="0" width="29" height="30" /></a></nobr></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- <tr height="20">
- <td width="30" height="20" background="bilder/uebersicht_links.gif"></td>
- <td colspan="4" background="bilder/uebersicht_mitte.gif"></td>
- <td width="30" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr>
- <td valign="top" width="30" background="bilder/uebersicht_links.gif"></td>
- <td colspan="4">
- <table border="0" cellpadding="0" cellspacing="0" width="1">
- <tr>
- <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
+ <div id="content">
+ <!-- Zeitleiste -->
+ <table width="<?% breite + seite + 60 %?>" border="0" cellspacing="0" cellpadding="0" id="bigtable" class="list">
+ <tr class="heading">
+ <td class="col_left"></td>
+ <td colspan="3" width='<?% breite + seite %?>'><h2><%! Timeline: !%>&nbsp;<?% date.format(akt_sekunde, '%H:%M') %?>&nbsp;<%! o'clock !%>&nbsp;<%! to !%>&nbsp;<?% date.format(bis_sec, '%H:%M') %?>&nbsp;<%! o'clock !%></h2></td>
+ <td class="col_navi">
+ <?% IF akt_stunde <= jetzt_stunde %?>
+ <img src="bilder/pfeile_nachlinks_soft.gif" border="0" width="28" height="17" />
+ <?% ELSE %?>
+ <a href="<?% nowurl %?>&time=<?% akt_stunde - zeitrahmen | format('%02d') %?><?% akt_minute | format('%02d') %?>">
+ <img src="bilder/pfeile_nachlinks.gif" border="0" width="28" height="17" />
+ </a>
+ <?% END %?>
+ <a href="<?% nowurl %?>&time=<?% bis_stunde | format('%02d') %?><?% akt_minute | format('%02d') %?>">
+ <img src="bilder/pfeile_nachrechts.gif" border="0" width="29" height="17" />
+ </a>
+ </td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_spacer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="row_odd">
+ <td class="col_left"></td>
+ <td colspan="4">
+ <table border="0" cellpadding="0" cellspacing="0" width="1">
+ <tr>
+ <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
<?% WHILE minute < bis %?>
- <td colspan="6" class='<?% minute % 60 ? "color1" : "color2" %?>'>
- <img src="bilder/spacer.gif" width="<?% einheit * 30 %?>" height="1" border="0" /><br />
+ <td colspan="6" class='<?% minute % 60 ? "color1" : "color2" %?>'>
+ <img src="bilder/spacer.gif" width="<?% einheit * 30 %?>" height="1" border="0" /><br />
<?% zeit = akt_sekunde + (minute * 60) %?>
- <b><?% date.format(zeit, '%H:%M') %?></b>
- </td>
+ <b><?% date.format(zeit, '%H:%M') %?></b>
+ </td>
<?% minute = minute + 30 %?>
<?% END %?>
- </tr>
+ </tr>
<?% minute = 0 %?>
- <tr>
- <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
+ <tr>
+ <td class="color1"><img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br /></td>
<?% WHILE minute < bis %?>
- <td width="1%" align="left" valign="bottom" class=<?% minute % 10 ? "color1" : "color2" %?>>
+ <td width="1%" align="left" valign="bottom" class=<?% minute % 10 ? "color1" : "color2" %?>>
<?% IF minute % 15 %?>
- <img src="bilder/pixel.gif" width="1" height="5" border="0" />
+ <img src="bilder/pixel.gif" width="1" height="5" border="0" />
<?% ELSE %?>
- <img src="bilder/pixel.gif" width="1" height="10" border="0" />
+ <img src="bilder/pixel.gif" width="1" height="10" border="0" />
<?% END %?>
- </td>
+ </td>
<?% minute = minute + 5 %?>
<?% END %?>
- </tr>
- </table>
+ </tr>
+ </table>
- <table border="0" cellpadding="0" cellspacing="0" width="1">
+ <table border="0" cellpadding="0" cellspacing="0" width="1">
<!-- Sendernamen -->
<?% b = 0;
FOREACH name = shows.keys.nsort;
old_stop_minute = -1;
chars = seite / 10 | format('%i');
b = b + 1 %?>
- <tr>
- <td valign="top" class=<?% b % 2 ? "color2" : "color1" %?>>
- <img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br />
- <a href="<?% shows.${name}.first.proglink %?>"><b><?% shows.${name}.first.progname | truncate(chars) %?></b></a>
- </td>
- <!-- Programm -->
- <td colspan="<?% (bis / 5) %?>" class=<?% b % 2 ? "color2" : "color1" %?>>
- <nobr>
+ <tr>
+ <td valign="top" class=<?% b % 2 ? "color2" : "color1" %?>>
+ <img src="bilder/spacer.gif" width="<?% seite %?>" height="1" border="0" /><br />
+ <a href="<?% shows.${name}.first.proglink %?>"><b><?% shows.${name}.first.progname | truncate(chars) %?></b></a>
+ </td>
+ <!-- Programm -->
+ <td colspan="<?% (bis / 5) %?>" class=<?% b % 2 ? "color2" : "color1" %?>>
+ <nobr>
<?%
z = 0;
FOREACH show = shows.${name};
@@ -177,61 +193,62 @@
<?% IF start_minute > akt_minute && ! z %?>
<?% diff = (start_minute - akt_minute) * einheit %?>
- <table border="0" align="left" cellpadding="0" cellspacing="0">
- <tr>
- <td width="1">
- <img src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
- </td>
- </tr>
- </table>
+ <table border="0" align="left" cellpadding="0" cellspacing="0">
+ <tr>
+ <td width="1">
+ <img src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
+ </td>
+ </tr>
+ </table>
<?% END %?>
<?% IF old_stop_minute + 1 < start_minute && z %?>
<?% diff = (start_minute - old_stop_minute - 1) * einheit %?>
- <img title="DiffMinute: <?% start_minute - old_stop_minute - 1 %?>" src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
+ <img title="DiffMinute: <?% start_minute - old_stop_minute - 1 %?>" src="bilder/spacer.gif" width="<?% diff %?>" height="8" border="0" align="left" hspace="0" />
<?% END %?>
- <?% td_class = date.now > show.start && date.now < show.stop ? "col_broadcast" : "col_current";
- td_class = show.timer ? "col_timer" : td_class %?>
- <table border="0" align="left" cellpadding="0" cellspacing="0" id=<?% show.timer ? "timertable" : "prgtable" %?>>
- <tr>
- <td width="1" class="<?% td_class %?>">
- <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="1" border="0" hspace="0" /><br />
- <nobr>
- <?% IF show.summary %?><a href="javascript:popup('./vdradmin.pl?aktion=prog_detail&epg_id=<?% show.anchor %?>&vdr_id=<?% show.vdr_id %?>');"><?% END %?>
- <span title="<?% show.title %?> (<?% date.format(show.start, '%H:%M') %?> - <?% date.format(show.stop, '%H:%M') %?>, <?% (show.stop - show.start) / 60 %?><%! min !%>)">
- <?% IF laenge_chars > 2 %?>
- <?% show.title | truncate( laenge_chars ) %?>
- <?% ELSE %?>
- <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="8" border="0" hspace="0" />
- <?% END %?>
- </span>
- <?% IF show.summary %?></a><?% END %?>
- </nobr>
- </td>
- </tr>
- </table>
+ <?% td_class = date.now > show.start && date.now < show.stop ? "color_current" : "color_broadcast";
+ td_class = show.timer ? "color_timer" : td_class %?>
+ <table border="0" align="left" cellpadding="0" cellspacing="0" id=<?% show.timer ? "timertable" : "prgtable" %?>>
+ <tr>
+ <td width="1" class="<?% td_class %?>">
+ <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="1" border="0" hspace="0" /><br />
+ <nobr>
+ <?% IF show.summary %?><a href="javascript:popup('./vdradmin.pl?aktion=prog_detail&epg_id=<?% show.anchor %?>&vdr_id=<?% show.vdr_id %?>');"><?% END %?>
+ <span title="<?% show.title %?> (<?% date.format(show.start, '%H:%M') %?> - <?% date.format(show.stop, '%H:%M') %?>, <?% (show.stop - show.start) / 60 %?><%! min !%>)">
+ <?% IF laenge_chars > 2 %?>
+ <?% show.title | truncate( laenge_chars ) %?>
+ <?% ELSE %?>
+ <img src="bilder/spacer.gif" width="<?% laenge_pix %?>" height="8" border="0" hspace="0" />
+ <?% END %?>
+ </span>
+ <?% IF show.summary %?></a><?% END %?>
+ </nobr>
+ </td>
+ </tr>
+ </table>
<?%
END;
z = z + 1;
old_start_minute = start_minute;
old_stop_minute = stop_minute;
END %?>
- </nobr>
- </td>
- </tr>
+ </nobr>
+ </td>
+ </tr>
<?% END %?>
- </table>
- </td>
+ </table>
+ </td>
<!-- Vertikal ansicht END -->
- <td valign="top" width="30" background="bilder/uebersicht_rechts.gif"></td>
- </tr>
- <tr>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td>
- <td colspan="4" background="bilder/uebersicht_unten.gif"></td>
- <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td>
- </tr>
- </table>
+ <td class="col_right"></td>
+ </tr>
+ <tr class="footer">
+ <td class="col_left"></td>
+ <td colspan="4"></td>
+ <td class="col_right"></td>
+ </tr>
+ </table>
+ </div>
</form>
</body>
</html>
generated by cgit v1.2.3 (git 2.25.1) at 2025-07-23 16:57:36 +0000