stephane.david/GridTV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Export was unreadable due to overdata.

Browse Source
This commit is contained in:
Johnnybegood90
2026-03-15 02:01:22 +01:00
parent 214a2b9cc5
commit dde85a4e38
1 changed files with 172 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
export.php
+171 -65
View File
@@ -9,6 +9,7 @@ function export_parse_xmltv_programmes(string $xml, string $target_day): array {
if (!class_exists('DOMDocument')) { if (!class_exists('DOMDocument')) {
return ['channels' => [], 'programmes' => [], 'error' => 'PHP DOM/XML extension is not installed']; return ['channels' => [], 'programmes' => [], 'error' => 'PHP DOM/XML extension is not installed'];
} }
libxml_use_internal_errors(true); libxml_use_internal_errors(true);
$dom = new DOMDocument(); $dom = new DOMDocument();
if (!$dom->loadXML($xml, LIBXML_NOERROR | LIBXML_NOWARNING)) { if (!$dom->loadXML($xml, LIBXML_NOERROR | LIBXML_NOWARNING)) {
@@ -72,20 +73,79 @@ function export_parse_xmltv_programmes(string $xml, string $target_day): array {
return ['channels' => $channels, 'programmes' => $rows, 'error' => '']; return ['channels' => $channels, 'programmes' => $rows, 'error' => ''];
} }
function export_window_definitions(string $target_day): array {
return [
'full' => [
'label' => '00h-24h',
'start' => new DateTimeImmutable($target_day . ' 00:00:00'),
'end' => new DateTimeImmutable($target_day . ' 23:59:59'),
],
'morning' => [
'label' => 'Morning',
'start' => new DateTimeImmutable($target_day . ' 06:00:00'),
'end' => new DateTimeImmutable($target_day . ' 11:59:59'),
],
'afternoon' => [
'label' => 'Afternoon',
'start' => new DateTimeImmutable($target_day . ' 12:00:00'),
'end' => new DateTimeImmutable($target_day . ' 17:59:59'),
],
'evening' => [
'label' => 'Evening',
'start' => new DateTimeImmutable($target_day . ' 18:00:00'),
'end' => new DateTimeImmutable($target_day . ' 23:59:59'),
],
'prime' => [
'label' => 'Prime time',
'start' => new DateTimeImmutable($target_day . ' 20:00:00'),
'end' => new DateTimeImmutable($target_day . ' 23:59:59'),
],
];
}
function export_filter_programmes(array $programmes, DateTimeImmutable $start, DateTimeImmutable $end): array {
return array_values(array_filter($programmes, static fn($p) => $p['stop'] > $start && $p['start'] < $end));
}
function export_hour_slots(DateTimeImmutable $start, DateTimeImmutable $end): array {
$slots = [];
$cursor = $start;
while ($cursor < $end) {
$slot_end = $cursor->modify('+1 hour');
if ($slot_end > $end) $slot_end = $end;
$slots[] = ['start' => $cursor, 'end' => $slot_end];
$cursor = $slot_end;
}
return $slots;
}
$sources = array_values($config['epg_sources'] ?? []); $sources = array_values($config['epg_sources'] ?? []);
$source_index = max(0, min((int) ($_GET['source'] ?? 0), max(count($sources) - 1, 0))); $source_index = max(0, min((int) ($_GET['source'] ?? 0), max(count($sources) - 1, 0)));
$source = $sources[$source_index] ?? null; $source = $sources[$source_index] ?? null;
$target_day = preg_match('/^\d{4}-\d{2}-\d{2}$/', (string) ($_GET['day'] ?? '')) ? (string) $_GET['day'] : (new DateTimeImmutable('today'))->format('Y-m-d'); $target_day = preg_match('/^\d{4}-\d{2}-\d{2}$/', (string) ($_GET['day'] ?? '')) ? (string) $_GET['day'] : (new DateTimeImmutable('today'))->format('Y-m-d');
$layout = in_array((string) ($_GET['layout'] ?? 'cards'), ['cards', 'timeline'], true) ? (string) $_GET['layout'] : 'cards';
$limit = in_array((string) ($_GET['limit'] ?? '8'), ['4', '8', 'all'], true) ? (string) $_GET['limit'] : '8';
$windows = export_window_definitions($target_day);
$window_key = array_key_exists((string) ($_GET['window'] ?? 'full'), $windows) ? (string) $_GET['window'] : 'full';
$window = $windows[$window_key];
$slots = export_hour_slots($window['start'], $window['end']->modify('+1 second'));
$fetch = $source ? gridtv_fetch_url((string) $source['epg_url'], 25) : ['ok' => false, 'error' => 'No source configured', 'body' => '']; $fetch = $source ? gridtv_fetch_url((string) $source['epg_url'], 25) : ['ok' => false, 'error' => 'No source configured', 'body' => ''];
$parsed = $fetch['ok'] ? export_parse_xmltv_programmes($fetch['body'], $target_day) : ['channels' => [], 'programmes' => [], 'error' => $fetch['error'] ?: 'Unable to fetch XMLTV']; $parsed = $fetch['ok'] ? export_parse_xmltv_programmes($fetch['body'], $target_day) : ['channels' => [], 'programmes' => [], 'error' => $fetch['error'] ?: 'Unable to fetch XMLTV'];
$print_channels = [];
$visible_channels = [];
foreach ($parsed['channels'] as $channel_id => $channel) { foreach ($parsed['channels'] as $channel_id => $channel) {
if (!empty($parsed['programmes'][$channel_id])) { $filtered = export_filter_programmes($parsed['programmes'][$channel_id] ?? [], $window['start'], $window['end']->modify('+1 second'));
$print_channels[$channel_id] = $channel; if (!$filtered) continue;
$visible_channels[$channel_id] = $channel + ['programmes' => $filtered];
} }
if ($limit !== 'all') {
$visible_channels = array_slice($visible_channels, 0, (int) $limit, true);
} }
$day_label = (new DateTimeImmutable($target_day))->format('l d F Y'); $day_label = (new DateTimeImmutable($target_day))->format('l d F Y');
$layout_label = $layout === 'cards' ? 'Readable cards' : 'Dense timeline';
?><!DOCTYPE html> ?><!DOCTYPE html>
<html lang="<?= htmlspecialchars($locale) ?>"> <html lang="<?= htmlspecialchars($locale) ?>">
<head> <head>
@@ -95,16 +155,16 @@ $day_label = (new DateTimeImmutable($target_day))->format('l d F Y');
<link rel="stylesheet" href="/assets/fonts/fonts.css"> <link rel="stylesheet" href="/assets/fonts/fonts.css">
<script src="/assets/vendor/html2canvas.min.js"></script> <script src="/assets/vendor/html2canvas.min.js"></script>
<style> <style>
:root{--paper:#f4ecda;--ink:#22201b;--ink-soft:#675f52;--accent:#aa4231;--accent-2:#264653;--line:#d3c5ab;--stamp:#d8b24a} :root{--paper:#f4ecda;--ink:#22201b;--ink-soft:#675f52;--accent:#aa4231;--accent-2:#264653;--line:#d3c5ab;--paper-2:#fbf6ea}
*{box-sizing:border-box}body{margin:0;font-family:'Barlow Condensed',sans-serif;background:linear-gradient(180deg,#1f2125 0,#121317 100%);color:#f7f4ee} *{box-sizing:border-box}body{margin:0;font-family:'Barlow Condensed',sans-serif;background:linear-gradient(180deg,#1f2125 0,#121317 100%);color:#f7f4ee}
.page{max-width:1380px;margin:0 auto;padding:26px 18px 40px} .page{max-width:1380px;margin:0 auto;padding:26px 18px 40px}
.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px} .toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.heading{max-width:760px}.heading h1{margin:0 0 6px;font-size:34px;letter-spacing:.06em;text-transform:uppercase}.heading p{margin:0;color:#bcb7ad;font-size:14px;line-height:1.5} .heading{max-width:760px}.heading h1{margin:0 0 6px;font-size:34px;letter-spacing:.06em;text-transform:uppercase}.heading p{margin:0;color:#bcb7ad;font-size:14px;line-height:1.5}
.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .controls,.filter-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.controls a,.controls button,.controls select,.controls input{height:42px;border:none} .controls a,.controls button,.controls select,.controls input,.filter-form select,.filter-form input,.filter-form button{height:42px;border:none}
.controls a,.controls button{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;background:#ebd58a;color:#1f1d18;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer} .controls a,.controls button,.filter-form button{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;background:#ebd58a;color:#1f1d18;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.controls .ghost{background:#262a31;color:#f7f4ee;border:1px solid #3c4450} .ghost{background:#262a31 !important;color:#f7f4ee !important;border:1px solid #3c4450 !important}
.controls select,.controls input{padding:0 12px;background:#262a31;color:#fff;border:1px solid #3c4450;font-family:'Share Tech Mono',monospace} .controls select,.controls input,.filter-form select,.filter-form input{padding:0 12px;background:#262a31;color:#fff;border:1px solid #3c4450;font-family:'Share Tech Mono',monospace}
.sheet-wrap{overflow:auto;padding:8px 0} .sheet-wrap{overflow:auto;padding:8px 0}
.sheet{width:1120px;margin:0 auto;background:var(--paper);color:var(--ink);padding:30px 34px 36px;box-shadow:0 26px 70px rgba(0,0,0,.45);border:10px solid #f8f2e7;position:relative} .sheet{width:1120px;margin:0 auto;background:var(--paper);color:var(--ink);padding:30px 34px 36px;box-shadow:0 26px 70px rgba(0,0,0,.45);border:10px solid #f8f2e7;position:relative}
.sheet::before{content:'';position:absolute;inset:14px;border:1px solid rgba(38,70,83,.18);pointer-events:none} .sheet::before{content:'';position:absolute;inset:14px;border:1px solid rgba(38,70,83,.18);pointer-events:none}
@@ -112,27 +172,35 @@ $day_label = (new DateTimeImmutable($target_day))->format('l d F Y');
.sheet-title{font-family:'IM Fell English',serif;font-size:44px;line-height:1.05;letter-spacing:.01em} .sheet-title{font-family:'IM Fell English',serif;font-size:44px;line-height:1.05;letter-spacing:.01em}
.sheet-sub{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)} .sheet-sub{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
.sheet-meta{text-align:right}.sheet-meta .group{font-size:22px;font-weight:700}.sheet-meta .date{font-size:14px;color:var(--ink-soft)} .sheet-meta{text-align:right}.sheet-meta .group{font-size:22px;font-weight:700}.sheet-meta .date{font-size:14px;color:var(--ink-soft)}
.legend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px} .legend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.legend span{padding:6px 10px;border:1px solid var(--line);font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase} .legend span{padding:6px 10px;border:1px solid var(--line);font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.table{display:grid;gap:12px} .empty{color:var(--ink-soft);font-style:italic;font-size:13px;padding-top:24px}
.row{display:grid;grid-template-columns:170px 1fr;gap:14px;align-items:stretch}
.channel{border-top:2px solid var(--accent-2);padding-top:8px}
.channel-top{display:flex;gap:10px;align-items:center}
.channel img{width:42px;height:42px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:4px}
.channel-name{font-size:22px;font-weight:700;line-height:1.05}
.timeline{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));border-top:2px solid var(--accent-2);position:relative;min-height:112px}
.hour{border-left:1px dashed var(--line);padding:8px 7px 10px 10px}
.hour:first-child{border-left:none}
.hour-label{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}
.item{display:block;padding:8px 8px 9px;background:rgba(170,66,49,.08);border-left:3px solid var(--accent);margin-bottom:7px}
.item.tight{padding:6px 7px}
.item-title{font-size:14px;font-weight:700;line-height:1.1}
.item-meta{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.03em;color:var(--ink-soft);margin-top:4px}
.item-sub{font-size:11px;color:var(--ink-soft);margin-top:3px;line-height:1.2}
.empty{color:var(--ink-soft);font-style:italic;font-size:12px;padding-top:24px}
.note{margin-top:16px;font-size:12px;color:var(--ink-soft);text-align:right} .note{margin-top:16px;font-size:12px;color:var(--ink-soft);text-align:right}
@media print{body{background:#fff}.page{padding:0}.toolbar{display:none}.sheet{box-shadow:none;border:none;width:auto;margin:0}.sheet-wrap{overflow:visible}} .cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:1200px){.sheet{transform-origin:top center}} .channel-card{background:rgba(255,255,255,.35);border:1px solid var(--line);padding:14px 14px 12px;break-inside:avoid}
.channel-head{display:flex;gap:12px;align-items:center;border-bottom:2px solid var(--accent-2);padding-bottom:10px;margin-bottom:12px}
.channel-head img{width:46px;height:46px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:4px}
.channel-name{font-size:24px;font-weight:700;line-height:1.05}
.channel-count{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase}
.prog-list{display:grid;gap:8px}
.prog{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0;border-top:1px dashed var(--line)}
.prog:first-child{border-top:none;padding-top:0}
.prog-time{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--accent-2);letter-spacing:.04em}
.prog-title{font-size:16px;font-weight:700;line-height:1.08}
.prog-sub,.prog-cats,.prog-desc{font-size:12px;color:var(--ink-soft);line-height:1.3;margin-top:2px}
.prog-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.timeline-wrap{display:grid;gap:14px}
.timeline-row{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:stretch}
.timeline-channel{border-top:2px solid var(--accent-2);padding-top:8px}
.timeline-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));border-top:2px solid var(--accent-2);min-height:108px}
.timeline-slot{border-left:1px dashed var(--line);padding:8px 8px 10px}
.timeline-slot:first-child{border-left:none}
.slot-label{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}
.mini{display:block;padding:7px;background:rgba(170,66,49,.08);border-left:3px solid var(--accent);margin-bottom:6px}
.mini-title{font-size:13px;font-weight:700;line-height:1.05}
.mini-meta{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink-soft);margin-top:3px}
@media print{body{background:#fff}.page{padding:0}.toolbar{display:none}.sheet{box-shadow:none;border:none;width:auto;margin:0}.sheet-wrap{overflow:visible}.cards-grid{grid-template-columns:1fr 1fr}}
@media (max-width:1200px){.sheet{width:100%}.cards-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr}.timeline-grid{overflow:auto}}
</style> </style>
</head> </head>
<body> <body>
@@ -140,16 +208,30 @@ $day_label = (new DateTimeImmutable($target_day))->format('l d F Y');
<div class="toolbar"> <div class="toolbar">
<div class="heading"> <div class="heading">
<h1>Export 24h</h1> <h1>Export 24h</h1>
<p>Version “programme télé” pensée pour être imprimée proprement en PDF, ou exportée en image pour l’envoyer facilement à quelqu’un.</p> <p>Version imprimable pensée pour être vraiment lisible. Le mode “cartes” sert au PDF ou à l’envoi à quelqu’un, la timeline dense reste disponible pour une vue plus technique.</p>
</div> </div>
<div class="controls"> <div class="controls">
<form method="GET" style="display:flex;gap:10px;flex-wrap:wrap"> <form method="GET" class="filter-form">
<select name="source"> <select name="source">
<?php foreach ($sources as $i => $src): ?> <?php foreach ($sources as $i => $src): ?>
<option value="<?= $i ?>"<?= $i === $source_index ? ' selected' : '' ?>><?= htmlspecialchars($src['name']) ?></option> <option value="<?= $i ?>"<?= $i === $source_index ? ' selected' : '' ?>><?= htmlspecialchars($src['name']) ?></option>
<?php endforeach; ?> <?php endforeach; ?>
</select> </select>
<input type="date" name="day" value="<?= htmlspecialchars($target_day) ?>"> <input type="date" name="day" value="<?= htmlspecialchars($target_day) ?>">
<select name="window">
<?php foreach ($windows as $key => $def): ?>
<option value="<?= htmlspecialchars($key) ?>"<?= $key === $window_key ? ' selected' : '' ?>><?= htmlspecialchars($def['label']) ?></option>
<?php endforeach; ?>
</select>
<select name="limit">
<option value="4"<?= $limit === '4' ? ' selected' : '' ?>>4 channels</option>
<option value="8"<?= $limit === '8' ? ' selected' : '' ?>>8 channels</option>
<option value="all"<?= $limit === 'all' ? ' selected' : '' ?>>All channels</option>
</select>
<select name="layout">
<option value="cards"<?= $layout === 'cards' ? ' selected' : '' ?>>Readable cards</option>
<option value="timeline"<?= $layout === 'timeline' ? ' selected' : '' ?>>Dense timeline</option>
</select>
<button type="submit" class="ghost">Refresh</button> <button type="submit" class="ghost">Refresh</button>
</form> </form>
<button type="button" onclick="window.print()">PDF / Print</button> <button type="button" onclick="window.print()">PDF / Print</button>
@@ -163,7 +245,7 @@ $day_label = (new DateTimeImmutable($target_day))->format('l d F Y');
<div class="sheet" id="exportSheet"> <div class="sheet" id="exportSheet">
<div class="sheet-head"> <div class="sheet-head">
<div> <div>
<div class="sheet-sub">TV Guide · 24 hours · Printable edition</div> <div class="sheet-sub">TV Guide · Printable edition · <?= htmlspecialchars($layout_label) ?></div>
<div class="sheet-title">Le programme télé de la journée</div> <div class="sheet-title">Le programme télé de la journée</div>
</div> </div>
<div class="sheet-meta"> <div class="sheet-meta">
@@ -173,63 +255,87 @@ $day_label = (new DateTimeImmutable($target_day))->format('l d F Y');
</div> </div>
<div class="legend"> <div class="legend">
<span>24h view</span> <span><?= htmlspecialchars($window['label']) ?></span>
<span><?= count($print_channels) ?> channel(s)</span> <span><?= count($visible_channels) ?> channel(s)</span>
<span><?= htmlspecialchars($layout_label) ?></span>
<span>Generated from XMLTV</span> <span>Generated from XMLTV</span>
</div> </div>
<?php if (!$fetch['ok'] || $parsed['error']): ?> <?php if (!$fetch['ok'] || $parsed['error']): ?>
<div class="empty">Impossible de générer la feuille: <?= htmlspecialchars($parsed['error'] ?: ($fetch['error'] ?? 'Unknown error')) ?></div> <div class="empty">Impossible de générer la feuille: <?= htmlspecialchars($parsed['error'] ?: ($fetch['error'] ?? 'Unknown error')) ?></div>
<?php elseif (!$print_channels): ?> <?php elseif (!$visible_channels): ?>
<div class="empty">Aucun programme trouvé pour cette journée.</div> <div class="empty">Aucun programme trouvé avec ce filtre.</div>
<?php else: ?> <?php elseif ($layout === 'cards'): ?>
<div class="table"> <div class="cards-grid">
<?php foreach ($print_channels as $channel_id => $channel): ?> <?php foreach ($visible_channels as $channel): ?>
<div class="row"> <section class="channel-card">
<div class="channel"> <div class="channel-head">
<div class="channel-top">
<?php if ($channel['icon']): ?><img src="<?= htmlspecialchars($channel['icon']) ?>" alt=""><?php endif; ?> <?php if ($channel['icon']): ?><img src="<?= htmlspecialchars($channel['icon']) ?>" alt=""><?php endif; ?>
<div>
<div class="channel-name"><?= htmlspecialchars($channel['name']) ?></div> <div class="channel-name"><?= htmlspecialchars($channel['name']) ?></div>
<div class="channel-count"><?= count($channel['programmes']) ?> programme(s)</div>
</div> </div>
</div> </div>
<div class="timeline"> <div class="prog-list">
<?php foreach ($channel['programmes'] as $programme): ?>
<?php <?php
for ($hour = 0; $hour < 24; $hour++): $meta = $programme['rating'];
$hour_start = new DateTimeImmutable($target_day . sprintf(' %02d:00:00', $hour)); $cats = $programme['categories'] ? implode(' · ', $programme['categories']) : '';
$hour_end = $hour_start->modify('+1 hour');
$items = [];
foreach ($parsed['programmes'][$channel_id] as $programme) {
if ($programme['stop'] <= $hour_start || $programme['start'] >= $hour_end) continue;
$items[] = $programme;
}
?> ?>
<div class="hour"> <article class="prog">
<div class="hour-label"><?= sprintf('%02dh', $hour) ?></div> <div class="prog-time"><?= htmlspecialchars($programme['start']->format('H:i')) ?><br><?= htmlspecialchars($programme['stop']->format('H:i')) ?></div>
<div>
<div class="prog-title"><?= htmlspecialchars($programme['title']) ?></div>
<?php if ($programme['subtitle']): ?><div class="prog-sub"><?= htmlspecialchars($programme['subtitle']) ?></div><?php endif; ?>
<?php if ($meta): ?><div class="prog-sub"><?= htmlspecialchars($meta) ?></div><?php endif; ?>
<?php if ($cats): ?><div class="prog-cats"><?= htmlspecialchars($cats) ?></div><?php endif; ?>
<?php if ($programme['desc']): ?><div class="prog-desc"><?= htmlspecialchars($programme['desc']) ?></div><?php endif; ?>
</div>
</article>
<?php endforeach; ?>
</div>
</section>
<?php endforeach; ?>
</div>
<?php else: ?>
<div class="timeline-wrap">
<?php foreach ($visible_channels as $channel): ?>
<div class="timeline-row">
<div class="timeline-channel">
<div class="channel-head">
<?php if ($channel['icon']): ?><img src="<?= htmlspecialchars($channel['icon']) ?>" alt=""><?php endif; ?>
<div>
<div class="channel-name"><?= htmlspecialchars($channel['name']) ?></div>
<div class="channel-count"><?= count($channel['programmes']) ?> programme(s)</div>
</div>
</div>
</div>
<div class="timeline-grid" style="--cols:<?= count($slots) ?>">
<?php foreach ($slots as $slot): ?>
<?php
$items = array_values(array_filter($channel['programmes'], static fn($p) => $p['stop'] > $slot['start'] && $p['start'] < $slot['end']));
?>
<div class="timeline-slot">
<div class="slot-label"><?= htmlspecialchars($slot['start']->format('H:i')) ?></div>
<?php if (!$items): ?> <?php if (!$items): ?>
<div class="empty">—</div> <div class="empty">—</div>
<?php else: ?> <?php else: ?>
<?php foreach ($items as $programme): ?> <?php foreach ($items as $programme): ?>
<?php <div class="mini">
$meta = $programme['start']->format('H:i') . ' - ' . $programme['stop']->format('H:i'); <div class="mini-title"><?= htmlspecialchars($programme['title']) ?></div>
if ($programme['rating']) $meta .= ' · ' . $programme['rating']; <div class="mini-meta"><?= htmlspecialchars($programme['start']->format('H:i') . ' - ' . $programme['stop']->format('H:i')) ?></div>
$cats = $programme['categories'] ? implode(' · ', $programme['categories']) : '';
?>
<div class="item<?= strlen($programme['title']) > 28 ? ' tight' : '' ?>">
<div class="item-title"><?= htmlspecialchars($programme['title']) ?></div>
<?php if ($programme['subtitle']): ?><div class="item-sub"><?= htmlspecialchars($programme['subtitle']) ?></div><?php endif; ?>
<div class="item-meta"><?= htmlspecialchars($meta) ?></div>
<?php if ($cats): ?><div class="item-sub"><?= htmlspecialchars($cats) ?></div><?php endif; ?>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>
<?php endif; ?> <?php endif; ?>
</div> </div>
<?php endfor; ?> <?php endforeach; ?>
</div> </div>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
<div class="note">Astuce: “PDF / Print” donne un export A4/PDF propre. “Image” fabrique un PNG de la feuille affichée.</div>
<?php endif; ?> <?php endif; ?>
<div class="note">Astuce: pour un rendu vraiment propre, choisis “Readable cards” avec 4 ou 8 chaînes, puis exporte en PDF.</div>
</div> </div>
</div> </div>
</div> </div>
@@ -241,7 +347,7 @@ async function downloadImage() {
const canvas = await html2canvas(sheet, {backgroundColor: '#f4ecda', scale: 2, useCORS: true}); const canvas = await html2canvas(sheet, {backgroundColor: '#f4ecda', scale: 2, useCORS: true});
const link = document.createElement('a'); const link = document.createElement('a');
link.href = canvas.toDataURL('image/png'); link.href = canvas.toDataURL('image/png');
link.download = 'gridtv-24h-<?= htmlspecialchars($target_day) ?>.png'; link.download = 'gridtv-<?= htmlspecialchars($window_key) ?>-<?= htmlspecialchars($target_day) ?>.png';
link.click(); link.click();
} }
</script> </script>