Feat: Adding heath page & export page.
This commit is contained in:
@@ -43,6 +43,8 @@ This demo runs with sample XMLTV feeds to showcase the interface.
|
|||||||
- ⭐ **Favorites** — pin channels to the top of the grid, persisted in localStorage
|
- ⭐ **Favorites** — pin channels to the top of the grid, persisted in localStorage
|
||||||
- 🌍 **i18n** — auto-detects browser language, supports EN / FR / ES (add your own in `locales/`)
|
- 🌍 **i18n** — auto-detects browser language, supports EN / FR / ES (add your own in `locales/`)
|
||||||
- ⚙️ **Re-editable setup** — protected by an admin key, no SSH required to update config
|
- ⚙️ **Re-editable setup** — protected by an admin key, no SSH required to update config
|
||||||
|
- 🩺 **Admin health page** — check config, XMLTV, M3U, response times, and metadata coverage
|
||||||
|
- 🖨️ **24h printable export** — generate a polished daily schedule for PDF/print and PNG export
|
||||||
- 🔔 **Update notifications** — a badge appears in the topbar when a new release is available on GitHub
|
- 🔔 **Update notifications** — a badge appears in the topbar when a new release is available on GitHub
|
||||||
- 🔄 **Auto-reload** EPG every 30 minutes
|
- 🔄 **Auto-reload** EPG every 30 minutes
|
||||||
- 0️⃣ **Zero build tooling** — vanilla PHP/JS/CSS, with bundled local assets
|
- 0️⃣ **Zero build tooling** — vanilla PHP/JS/CSS, with bundled local assets
|
||||||
@@ -53,7 +55,7 @@ This demo runs with sample XMLTV feeds to showcase the interface.
|
|||||||
|
|
||||||
### Requirements
|
### Requirements
|
||||||
|
|
||||||
- A web server running **PHP 8.0+** with **php-curl** extension
|
- A web server running **PHP 8.0+** with **php-curl** and **php-xml** extensions
|
||||||
- **Apache** or **Nginx** — or just use **Docker**
|
- **Apache** or **Nginx** — or just use **Docker**
|
||||||
- An **EPG source in XMLTV format** (e.g. Tunarr, Jellyfin, xTeVe...)
|
- An **EPG source in XMLTV format** (e.g. Tunarr, Jellyfin, xTeVe...)
|
||||||
- *(Optional)* An **M3U playlist** — required for the built-in player
|
- *(Optional)* An **M3U playlist** — required for the built-in player
|
||||||
@@ -98,13 +100,13 @@ chmod 775 /var/www/gridtv
|
|||||||
chown -R www-data:www-data /var/www/gridtv
|
chown -R www-data:www-data /var/www/gridtv
|
||||||
```
|
```
|
||||||
|
|
||||||
#### 3. Install php-curl
|
#### 3. Install php-curl + php-xml
|
||||||
|
|
||||||
The built-in player uses `proxy.php` to relay HTTP streams over HTTPS. This requires the **php-curl** extension:
|
The built-in player uses `proxy.php` to relay HTTP streams over HTTPS, and the admin tools parse XMLTV directly. This requires **php-curl** and **php-xml**:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# Debian/Ubuntu — adjust version to match your PHP
|
# Debian/Ubuntu — adjust version to match your PHP
|
||||||
apt install php8.4-curl
|
apt install php8.4-curl php8.4-xml
|
||||||
systemctl reload apache2 # or: systemctl reload nginx
|
systemctl reload apache2 # or: systemctl reload nginx
|
||||||
```
|
```
|
||||||
|
|
||||||
@@ -225,6 +227,13 @@ GridTV detects the missing config and automatically redirects you to the setup p
|
|||||||
|
|
||||||
Once submitted, `config.json` is created on the server. **The setup page becomes inaccessible until you re-enter your admin key.**
|
Once submitted, `config.json` is created on the server. **The setup page becomes inaccessible until you re-enter your admin key.**
|
||||||
|
|
||||||
|
Admin tools are available here once unlocked with the same key:
|
||||||
|
|
||||||
|
```text
|
||||||
|
http://guide.your-domain.com/health.php
|
||||||
|
http://guide.your-domain.com/export.php
|
||||||
|
```
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<details>
|
<details>
|
||||||
@@ -280,9 +289,10 @@ nano /var/www/gridtv/config.json
|
|||||||
gridtv/
|
gridtv/
|
||||||
├── index.php # Entry point
|
├── index.php # Entry point
|
||||||
├── setup.php # Setup + re-configuration (admin key protected)
|
├── setup.php # Setup + re-configuration (admin key protected)
|
||||||
|
├── health.php # Admin diagnostics page
|
||||||
|
├── export.php # 24h printable export (PDF/image friendly)
|
||||||
├── proxy.php # HTTP→HTTPS stream proxy
|
├── proxy.php # HTTP→HTTPS stream proxy
|
||||||
├── version.json # Current version (used for update check)
|
├── version.json # Current version (used for update check)
|
||||||
├── config.example.json # Config template
|
|
||||||
├── Dockerfile
|
├── Dockerfile
|
||||||
├── docker-compose.yml
|
├── docker-compose.yml
|
||||||
├── .gitignore # config.json excluded
|
├── .gitignore # config.json excluded
|
||||||
@@ -485,9 +495,9 @@ GNU Affero General Public License v3.0 (AGPLv3)
|
|||||||
- **i18n** — EN / FR / ES with browser auto-detection, extensible via locales/
|
- **i18n** — EN / FR / ES with browser auto-detection, extensible via locales/
|
||||||
- **Favorites** — pin channels to the top of the grid (localStorage)
|
- **Favorites** — pin channels to the top of the grid (localStorage)
|
||||||
- **Setup re-editable** — protected by an admin key, auto-generated on first setup
|
- **Setup re-editable** — protected by an admin key, auto-generated on first setup
|
||||||
|
- **Admin health page** — diagnostics for config, XMLTV, M3U, timing, and metadata coverage
|
||||||
- **Update notifications** — topbar badge links to latest GitHub release
|
- **Update notifications** — topbar badge links to latest GitHub release
|
||||||
|
|
||||||
### 🔜 Coming soon
|
### 🔜 Coming soon
|
||||||
- **Dark/Light auto mode** — follow system preference when using the default theme
|
- **Dark/Light auto mode** — follow system preference when using the default theme
|
||||||
- **Grid export** — export today's schedule as PDF or image
|
|
||||||
</details>
|
</details>
|
||||||
|
|||||||
Vendored
+20
File diff suppressed because one or more lines are too long
+393
@@ -0,0 +1,393 @@
|
|||||||
|
<?php
|
||||||
|
require_once __DIR__ . '/src/lib/admin.php';
|
||||||
|
|
||||||
|
$config = gridtv_load_config();
|
||||||
|
gridtv_require_admin($config, 'Export');
|
||||||
|
[$locale, $L] = gridtv_load_locale($config);
|
||||||
|
|
||||||
|
function export_parse_xmltv_programmes(string $xml, string $target_day): array {
|
||||||
|
if (!class_exists('DOMDocument')) {
|
||||||
|
return ['channels' => [], 'programmes' => [], 'error' => 'PHP DOM/XML extension is not installed'];
|
||||||
|
}
|
||||||
|
|
||||||
|
libxml_use_internal_errors(true);
|
||||||
|
$dom = new DOMDocument();
|
||||||
|
if (!$dom->loadXML($xml, LIBXML_NOERROR | LIBXML_NOWARNING)) {
|
||||||
|
return ['channels' => [], 'programmes' => [], 'error' => 'Invalid XMLTV response'];
|
||||||
|
}
|
||||||
|
|
||||||
|
$xp = new DOMXPath($dom);
|
||||||
|
$channels = [];
|
||||||
|
foreach ($xp->query('/tv/channel') as $channel) {
|
||||||
|
$id = $channel->getAttribute('id');
|
||||||
|
$name = trim($xp->evaluate('string(display-name[1])', $channel));
|
||||||
|
$icon = trim($xp->evaluate('string(icon/@src)', $channel));
|
||||||
|
$channels[$id] = ['id' => $id, 'name' => $name ?: $id, 'icon' => $icon];
|
||||||
|
}
|
||||||
|
|
||||||
|
$start_day = new DateTimeImmutable($target_day . ' 00:00:00');
|
||||||
|
$end_day = $start_day->modify('+1 day');
|
||||||
|
$rows = [];
|
||||||
|
|
||||||
|
foreach ($xp->query('/tv/programme') as $programme) {
|
||||||
|
$channel_id = $programme->getAttribute('channel');
|
||||||
|
$start = DateTimeImmutable::createFromFormat('YmdHis O', $programme->getAttribute('start'));
|
||||||
|
$stop = DateTimeImmutable::createFromFormat('YmdHis O', $programme->getAttribute('stop'));
|
||||||
|
if (!$start || !$stop) continue;
|
||||||
|
if ($stop <= $start_day || $start >= $end_day) continue;
|
||||||
|
|
||||||
|
$title = trim($xp->evaluate('string(title)', $programme));
|
||||||
|
$subtitle = trim($xp->evaluate('string(sub-title)', $programme));
|
||||||
|
$desc = trim($xp->evaluate('string(desc)', $programme));
|
||||||
|
$rating = trim($xp->evaluate('string(rating/value)', $programme));
|
||||||
|
|
||||||
|
$cats = [];
|
||||||
|
foreach ($xp->query('category', $programme) as $cat) {
|
||||||
|
$value = trim($cat->textContent);
|
||||||
|
if ($value !== '') $cats[strtolower($value)] = $value;
|
||||||
|
}
|
||||||
|
|
||||||
|
$rows[$channel_id][] = [
|
||||||
|
'start' => $start,
|
||||||
|
'stop' => $stop,
|
||||||
|
'title' => $title,
|
||||||
|
'subtitle' => $subtitle,
|
||||||
|
'desc' => $desc,
|
||||||
|
'rating' => $rating,
|
||||||
|
'categories' => array_values($cats),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
uasort($channels, static function ($a, $b) {
|
||||||
|
preg_match('/^\d+/', $a['name'], $ma);
|
||||||
|
preg_match('/^\d+/', $b['name'], $mb);
|
||||||
|
$na = isset($ma[0]) ? (int) $ma[0] : 9999;
|
||||||
|
$nb = isset($mb[0]) ? (int) $mb[0] : 9999;
|
||||||
|
return $na <=> $nb ?: strcmp($a['name'], $b['name']);
|
||||||
|
});
|
||||||
|
|
||||||
|
foreach ($rows as &$programmes) {
|
||||||
|
usort($programmes, static fn($a, $b) => $a['start'] <=> $b['start']);
|
||||||
|
}
|
||||||
|
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
function export_programme_weight(array $programme): int {
|
||||||
|
$duration = max(1, (int) round(($programme['stop']->getTimestamp() - $programme['start']->getTimestamp()) / 60));
|
||||||
|
$weight = min($duration, 240);
|
||||||
|
if (!empty($programme['subtitle'])) $weight += 10;
|
||||||
|
if (!empty($programme['categories'])) $weight += 8;
|
||||||
|
if (!empty($programme['desc'])) $weight += min(40, (int) floor(strlen($programme['desc']) / 20));
|
||||||
|
return $weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
function export_programme_duration(array $programme): int {
|
||||||
|
return max(1, (int) round(($programme['stop']->getTimestamp() - $programme['start']->getTimestamp()) / 60));
|
||||||
|
}
|
||||||
|
|
||||||
|
function export_programme_is_series(array $programme): bool {
|
||||||
|
return !empty($programme['subtitle']);
|
||||||
|
}
|
||||||
|
|
||||||
|
function export_programme_has_category(array $programme, array $needles): bool {
|
||||||
|
foreach ($programme['categories'] as $category) {
|
||||||
|
$value = strtolower($category);
|
||||||
|
foreach ($needles as $needle) {
|
||||||
|
if (str_contains($value, strtolower($needle))) return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
function export_take_entries(array $entries, callable $filter, int $limit = 4): array {
|
||||||
|
$picked = [];
|
||||||
|
foreach ($entries as $entry) {
|
||||||
|
if (!$filter($entry)) continue;
|
||||||
|
$picked[] = $entry;
|
||||||
|
if (count($picked) >= $limit) break;
|
||||||
|
}
|
||||||
|
return $picked;
|
||||||
|
}
|
||||||
|
|
||||||
|
$sources = array_values($config['epg_sources'] ?? []);
|
||||||
|
$source_index = max(0, min((int) ($_GET['source'] ?? 0), max(count($sources) - 1, 0)));
|
||||||
|
$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');
|
||||||
|
$layout_input = isset($_GET['layout']) ? (string) $_GET['layout'] : 'cards';
|
||||||
|
$limit_input = isset($_GET['limit']) ? (string) $_GET['limit'] : '8';
|
||||||
|
$window_input = isset($_GET['window']) ? (string) $_GET['window'] : 'full';
|
||||||
|
$layout = in_array($layout_input, ['cards', 'timeline'], true) ? $layout_input : 'cards';
|
||||||
|
$limit = in_array($limit_input, ['4', '8', 'all'], true) ? $limit_input : '8';
|
||||||
|
$windows = export_window_definitions($target_day);
|
||||||
|
$window_key = array_key_exists($window_input, $windows) ? $window_input : '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' => ''];
|
||||||
|
$parsed = $fetch['ok'] ? export_parse_xmltv_programmes($fetch['body'], $target_day) : ['channels' => [], 'programmes' => [], 'error' => $fetch['error'] ?: 'Unable to fetch XMLTV'];
|
||||||
|
|
||||||
|
$visible_channels = [];
|
||||||
|
foreach ($parsed['channels'] as $channel_id => $channel) {
|
||||||
|
$filtered = export_filter_programmes($parsed['programmes'][$channel_id] ?? [], $window['start'], $window['end']->modify('+1 second'));
|
||||||
|
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');
|
||||||
|
$layout_label = $layout === 'cards' ? 'Readable cards' : 'Dense timeline';
|
||||||
|
?><!DOCTYPE html>
|
||||||
|
<html lang="<?= htmlspecialchars($locale) ?>">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>GridTV — Export 24h</title>
|
||||||
|
<link rel="stylesheet" href="/assets/fonts/fonts.css">
|
||||||
|
<script src="/assets/vendor/html2canvas.min.js"></script>
|
||||||
|
<style>
|
||||||
|
: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}
|
||||||
|
.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}
|
||||||
|
.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,.filter-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
|
||||||
|
.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,.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}
|
||||||
|
.ghost{background:#262a31 !important;color:#f7f4ee !important;border:1px solid #3c4450 !important}
|
||||||
|
.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{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-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;border-bottom:3px solid var(--accent);padding-bottom:16px;margin-bottom:18px}
|
||||||
|
.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-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: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}
|
||||||
|
.empty{color:var(--ink-soft);font-style:italic;font-size:13px;padding-top:24px}
|
||||||
|
.note{margin-top:16px;font-size:12px;color:var(--ink-soft);text-align:right}
|
||||||
|
.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
|
||||||
|
.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>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="page">
|
||||||
|
<div class="toolbar">
|
||||||
|
<div class="heading">
|
||||||
|
<h1>Export 24h</h1>
|
||||||
|
<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 class="controls">
|
||||||
|
<form method="GET" class="filter-form">
|
||||||
|
<select name="source">
|
||||||
|
<?php foreach ($sources as $i => $src): ?>
|
||||||
|
<option value="<?= $i ?>"<?= $i === $source_index ? ' selected' : '' ?>><?= htmlspecialchars($src['name']) ?></option>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</select>
|
||||||
|
<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>
|
||||||
|
</form>
|
||||||
|
<button type="button" onclick="window.print()">PDF / Print</button>
|
||||||
|
<button type="button" class="ghost" onclick="downloadImage()">Image</button>
|
||||||
|
<a href="/index.php" class="ghost">Guide</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sheet-wrap">
|
||||||
|
<div class="sheet" id="exportSheet">
|
||||||
|
<div class="sheet-head">
|
||||||
|
<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>
|
||||||
|
<div class="sheet-meta">
|
||||||
|
<div class="group"><?= htmlspecialchars($config['group_name'] ?? 'GridTV') ?></div>
|
||||||
|
<div class="date"><?= htmlspecialchars($day_label) ?> · <?= htmlspecialchars($source['name'] ?? 'Source') ?></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="legend">
|
||||||
|
<span><?= htmlspecialchars($window['label']) ?></span>
|
||||||
|
<span><?= count($visible_channels) ?> channel(s)</span>
|
||||||
|
<span><?= htmlspecialchars($layout_label) ?></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if (!$fetch['ok'] || $parsed['error']): ?>
|
||||||
|
<div class="empty">Impossible de générer la feuille: <?= htmlspecialchars($parsed['error'] ?: ($fetch['error'] ?? 'Unknown error')) ?></div>
|
||||||
|
<?php elseif (!$visible_channels): ?>
|
||||||
|
<div class="empty">Aucun programme trouvé avec ce filtre.</div>
|
||||||
|
<?php elseif ($layout === 'cards'): ?>
|
||||||
|
<div class="cards-grid">
|
||||||
|
<?php foreach ($visible_channels as $channel): ?>
|
||||||
|
<section class="channel-card">
|
||||||
|
<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 class="prog-list">
|
||||||
|
<?php foreach ($channel['programmes'] as $programme): ?>
|
||||||
|
<?php
|
||||||
|
$meta = $programme['rating'];
|
||||||
|
$cats = $programme['categories'] ? implode(' · ', $programme['categories']) : '';
|
||||||
|
?>
|
||||||
|
<article class="prog">
|
||||||
|
<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 elseif ($layout === 'timeline'): ?>
|
||||||
|
<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): ?>
|
||||||
|
<div class="empty">—</div>
|
||||||
|
<?php else: ?>
|
||||||
|
<?php foreach ($items as $programme): ?>
|
||||||
|
<div class="mini">
|
||||||
|
<div class="mini-title"><?= htmlspecialchars($programme['title']) ?></div>
|
||||||
|
<div class="mini-meta"><?= htmlspecialchars($programme['start']->format('H:i') . ' - ' . $programme['stop']->format('H:i')) ?></div>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<div class="note">Astuce: “Readable cards” reste le plus propre pour une impression exhaustive.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
async function downloadImage() {
|
||||||
|
const sheet = document.getElementById('exportSheet');
|
||||||
|
if (!sheet || typeof html2canvas !== 'function') return;
|
||||||
|
const canvas = await html2canvas(sheet, {backgroundColor: '#f4ecda', scale: 2, useCORS: true});
|
||||||
|
const link = document.createElement('a');
|
||||||
|
link.href = canvas.toDataURL('image/png');
|
||||||
|
link.download = 'gridtv-<?= htmlspecialchars($window_key) ?>-<?= htmlspecialchars($target_day) ?>.png';
|
||||||
|
link.click();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+337
@@ -0,0 +1,337 @@
|
|||||||
|
<?php
|
||||||
|
require_once __DIR__ . '/src/lib/admin.php';
|
||||||
|
|
||||||
|
$config = gridtv_load_config();
|
||||||
|
gridtv_require_admin($config, 'Health');
|
||||||
|
[$locale, $L] = gridtv_load_locale($config);
|
||||||
|
|
||||||
|
function health_status_class(bool $ok): string {
|
||||||
|
return $ok ? 'ok' : 'ko';
|
||||||
|
}
|
||||||
|
|
||||||
|
function health_parse_xmltv(string $xml): array {
|
||||||
|
if (!class_exists('DOMDocument')) {
|
||||||
|
return ['ok' => false, 'error' => 'PHP DOM/XML extension is not installed.'];
|
||||||
|
}
|
||||||
|
if ($xml === '') {
|
||||||
|
return ['ok' => false, 'error' => 'Empty response'];
|
||||||
|
}
|
||||||
|
|
||||||
|
libxml_use_internal_errors(true);
|
||||||
|
$dom = new DOMDocument();
|
||||||
|
$loaded = $dom->loadXML($xml, LIBXML_NOERROR | LIBXML_NOWARNING);
|
||||||
|
$errors = array_map(static fn($e) => trim($e->message), libxml_get_errors());
|
||||||
|
libxml_clear_errors();
|
||||||
|
|
||||||
|
if (!$loaded) {
|
||||||
|
return ['ok' => false, 'error' => $errors[0] ?? 'Invalid XML'];
|
||||||
|
}
|
||||||
|
|
||||||
|
$xp = new DOMXPath($dom);
|
||||||
|
$programmes = $xp->query('/tv/programme');
|
||||||
|
$channels = $xp->query('/tv/channel');
|
||||||
|
$categories = $xp->query('/tv/programme/category');
|
||||||
|
$subtitles = $xp->query('/tv/programme/sub-title');
|
||||||
|
$ratings = $xp->query('/tv/programme/rating');
|
||||||
|
$dates = $xp->query('/tv/programme/date');
|
||||||
|
|
||||||
|
$first = null;
|
||||||
|
$last = null;
|
||||||
|
foreach ($programmes as $programme) {
|
||||||
|
$start = $programme->getAttribute('start');
|
||||||
|
$stop = $programme->getAttribute('stop');
|
||||||
|
if ($start !== '' && ($first === null || strcmp($start, $first) < 0)) $first = $start;
|
||||||
|
if ($stop !== '' && ($last === null || strcmp($stop, $last) > 0)) $last = $stop;
|
||||||
|
}
|
||||||
|
|
||||||
|
return [
|
||||||
|
'ok' => true,
|
||||||
|
'channels' => $channels->length,
|
||||||
|
'programmes' => $programmes->length,
|
||||||
|
'categories' => $categories->length,
|
||||||
|
'subtitles' => $subtitles->length,
|
||||||
|
'ratings' => $ratings->length,
|
||||||
|
'dates' => $dates->length,
|
||||||
|
'first_start' => $first,
|
||||||
|
'last_stop' => $last,
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
function health_parse_m3u(string $body): array {
|
||||||
|
$lines = preg_split('/\r\n|\r|\n/', $body);
|
||||||
|
$streams = 0;
|
||||||
|
$extinf = 0;
|
||||||
|
foreach ($lines as $line) {
|
||||||
|
$line = trim($line);
|
||||||
|
if ($line === '') continue;
|
||||||
|
if (stripos($line, '#EXTINF') === 0) {
|
||||||
|
$extinf++;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
if ($line[0] !== '#') $streams++;
|
||||||
|
}
|
||||||
|
return ['streams' => $streams, 'extinf' => $extinf];
|
||||||
|
}
|
||||||
|
|
||||||
|
function health_format_xmltv_stamp(?string $stamp): string {
|
||||||
|
if (!$stamp) return '—';
|
||||||
|
$dt = DateTime::createFromFormat('YmdHis O', $stamp);
|
||||||
|
if (!$dt) return $stamp;
|
||||||
|
return $dt->format('d/m/Y H:i');
|
||||||
|
}
|
||||||
|
|
||||||
|
function health_build_payload(array $config, string $locale): array {
|
||||||
|
$config_path = gridtv_config_path();
|
||||||
|
$config_exists = file_exists($config_path);
|
||||||
|
$config_writable = $config_exists ? is_writable($config_path) : is_writable(dirname($config_path));
|
||||||
|
$sources = array_values($config['epg_sources'] ?? []);
|
||||||
|
|
||||||
|
$checks = [
|
||||||
|
[
|
||||||
|
'label' => 'Config file',
|
||||||
|
'ok' => $config_exists,
|
||||||
|
'detail' => $config_exists ? basename($config_path) . ' found' : 'Missing config.json',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'label' => 'Config writable',
|
||||||
|
'ok' => $config_writable,
|
||||||
|
'detail' => $config_writable ? 'Writable by PHP' : 'Not writable by PHP',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'label' => 'PHP version',
|
||||||
|
'ok' => version_compare(PHP_VERSION, '8.0.0', '>='),
|
||||||
|
'detail' => 'PHP ' . PHP_VERSION,
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'label' => 'php-curl',
|
||||||
|
'ok' => extension_loaded('curl'),
|
||||||
|
'detail' => extension_loaded('curl') ? 'Extension loaded' : 'Missing php-curl',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'label' => 'php-xml / DOM',
|
||||||
|
'ok' => class_exists('DOMDocument'),
|
||||||
|
'detail' => class_exists('DOMDocument') ? 'Extension loaded' : 'Missing php-xml / DOM',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'label' => 'Configured sources',
|
||||||
|
'ok' => count($sources) > 0,
|
||||||
|
'detail' => count($sources) . ' source(s) in config',
|
||||||
|
],
|
||||||
|
];
|
||||||
|
|
||||||
|
$source_reports = [];
|
||||||
|
foreach ($sources as $index => $source) {
|
||||||
|
$epg_url = trim((string) ($source['epg_url'] ?? ''));
|
||||||
|
$m3u_url = trim((string) ($source['m3u_url'] ?? ''));
|
||||||
|
|
||||||
|
$epg_fetch = $epg_url !== '' ? gridtv_fetch_url($epg_url, 25) : ['ok' => false, 'status' => 0, 'error' => 'Missing URL', 'body' => '', 'content_type' => '', 'final_url' => '', 'time_total' => 0.0];
|
||||||
|
$epg_stats = $epg_fetch['ok'] ? health_parse_xmltv($epg_fetch['body']) : ['ok' => false, 'error' => $epg_fetch['error'] ?: 'HTTP ' . $epg_fetch['status']];
|
||||||
|
|
||||||
|
$m3u_fetch = null;
|
||||||
|
$m3u_stats = null;
|
||||||
|
if ($m3u_url !== '') {
|
||||||
|
$m3u_fetch = gridtv_fetch_url($m3u_url, 20);
|
||||||
|
$m3u_stats = $m3u_fetch['ok'] ? health_parse_m3u($m3u_fetch['body']) : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
$source_reports[] = [
|
||||||
|
'name' => $source['name'] ?: 'Source ' . ($index + 1),
|
||||||
|
'epg_url' => $epg_url,
|
||||||
|
'm3u_url' => $m3u_url,
|
||||||
|
'epg_host' => gridtv_extract_host($epg_url),
|
||||||
|
'm3u_host' => gridtv_extract_host($m3u_url),
|
||||||
|
'epg_fetch' => $epg_fetch,
|
||||||
|
'epg_stats' => $epg_stats,
|
||||||
|
'm3u_fetch' => $m3u_fetch,
|
||||||
|
'm3u_stats' => $m3u_stats,
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
return [
|
||||||
|
'summary' => [
|
||||||
|
'group_name' => $config['group_name'] ?? 'GridTV',
|
||||||
|
'source_count' => count($sources),
|
||||||
|
'locale' => strtoupper($locale),
|
||||||
|
'config_size' => $config_exists ? gridtv_format_bytes((int) filesize($config_path)) : '0 B',
|
||||||
|
'config_path' => $config_path,
|
||||||
|
],
|
||||||
|
'checks' => $checks,
|
||||||
|
'sources' => $source_reports,
|
||||||
|
'helpers' => [
|
||||||
|
'status_ok' => 'OK',
|
||||||
|
'status_bad' => 'Issue',
|
||||||
|
],
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($_GET['format']) && $_GET['format'] === 'json') {
|
||||||
|
header('Content-Type: application/json; charset=UTF-8');
|
||||||
|
echo json_encode(health_build_payload($config, $locale), JSON_UNESCAPED_SLASHES);
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
?><!DOCTYPE html>
|
||||||
|
<html lang="<?= htmlspecialchars($locale) ?>">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>GridTV — Health</title>
|
||||||
|
<link rel="stylesheet" href="/assets/fonts/fonts.css">
|
||||||
|
<style>
|
||||||
|
:root{--bg:#0b0d10;--surface:#13161b;--surface2:#1a1f27;--border:#2a3240;--accent:#e8c842;--accent2:#5ec0ff;--text:#eaf0f6;--muted:#8f9aac;--ok:#4fd18b;--warn:#ff6767}
|
||||||
|
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#1b2330 0,#0b0d10 48%);color:var(--text);font-family:'Barlow Condensed',sans-serif}
|
||||||
|
.page{max-width:1200px;margin:0 auto;padding:32px 20px 56px}
|
||||||
|
.hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:24px}
|
||||||
|
.logo{font-family:'Share Tech Mono',monospace;font-size:26px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}
|
||||||
|
.subtitle{color:var(--muted);font-size:14px;max-width:700px;line-height:1.5}
|
||||||
|
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}
|
||||||
|
.grid,.checks,.source-list{display:grid;gap:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:22px}.checks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.source-list{gap:18px}
|
||||||
|
.card,.source,.check{background:rgba(19,22,27,.95);border:1px solid var(--border)}.card,.check,.source{padding:16px}.source{padding:20px}
|
||||||
|
.eyebrow{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--accent2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.value{font-size:28px;font-weight:700}.small{font-size:13px;color:var(--muted)}
|
||||||
|
.status{display:inline-flex;align-items:center;gap:8px;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.status::before{content:'';width:10px;height:10px;border-radius:50%}.status.ok{color:var(--ok)}.status.ok::before{background:var(--ok)}.status.ko{color:var(--warn)}.status.ko::before{background:var(--warn)}
|
||||||
|
.source-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.source-title{font-size:24px;font-weight:700}.pill{display:inline-block;padding:6px 10px;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);color:var(--accent2)}
|
||||||
|
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.panel{padding:16px;background:var(--surface2);border:1px solid var(--border)}.panel h3{margin:0 0 10px;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
|
||||||
|
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px;font-size:14px;line-height:1.45}.kv div:nth-child(odd){color:var(--muted)}.mono{font-family:'Share Tech Mono',monospace;font-size:12px;word-break:break-all}
|
||||||
|
.skeleton{position:relative;overflow:hidden}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);animation:shine 1.5s infinite}.skeleton-line{height:16px;background:#1c2430;margin-top:8px}.skeleton-line.short{width:42%}.splash{display:flex;align-items:center;gap:14px;padding:18px 20px;margin-bottom:20px;background:rgba(19,22,27,.95);border:1px solid var(--border)}.spinner{width:22px;height:22px;border:3px solid rgba(94,192,255,.18);border-top-color:var(--accent2);border-radius:50%;animation:spin 1s linear infinite}
|
||||||
|
.hidden{display:none!important}
|
||||||
|
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{100%{transform:translateX(100%)}}@media (max-width:700px){.hero{flex-direction:column;align-items:flex-start}.kv{grid-template-columns:1fr}}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="page">
|
||||||
|
<div class="hero">
|
||||||
|
<div>
|
||||||
|
<div class="logo">GridTV / Health</div>
|
||||||
|
<div class="subtitle">Page de diagnostic admin. L’écran apparaît tout de suite, puis les checks XMLTV/M3U se remplissent en arrière-plan.</div>
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<a class="btn btn-primary" href="/export.php">Export 24h</a>
|
||||||
|
<a class="btn" href="/setup.php">Setup</a>
|
||||||
|
<a class="btn" href="/index.php">Guide</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="splash" id="splash">
|
||||||
|
<div class="spinner"></div>
|
||||||
|
<div>
|
||||||
|
<div style="font-size:18px;font-weight:700">Loading diagnostics…</div>
|
||||||
|
<div class="small">Configuration, XMLTV et M3U sont testés en arrière-plan.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid" id="summaryGrid">
|
||||||
|
<div class="card skeleton"><div class="eyebrow">Group</div><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
<div class="card skeleton"><div class="eyebrow">Sources</div><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
<div class="card skeleton"><div class="eyebrow">Locale</div><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
<div class="card skeleton"><div class="eyebrow">Config Size</div><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="checks" id="checksGrid">
|
||||||
|
<div class="check skeleton"><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
<div class="check skeleton"><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
<div class="check skeleton"><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="source-list" id="sourceList">
|
||||||
|
<div class="source skeleton"><div class="skeleton-line"></div><div class="skeleton-line"></div><div class="skeleton-line short"></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const healthUrl = '<?= htmlspecialchars(strtok($_SERVER['REQUEST_URI'] ?? '/health.php', '?')) ?>?format=json';
|
||||||
|
|
||||||
|
function statusHtml(ok, labels) {
|
||||||
|
const cls = ok ? 'ok' : 'ko';
|
||||||
|
return `<span class="status ${cls}">${ok ? labels.status_ok : labels.status_bad}</span>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderSummary(summary) {
|
||||||
|
document.getElementById('summaryGrid').innerHTML = `
|
||||||
|
<div class="card"><div class="eyebrow">Group</div><div class="value">${summary.group_name}</div><div class="small">Configured TV group name</div></div>
|
||||||
|
<div class="card"><div class="eyebrow">Sources</div><div class="value">${summary.source_count}</div><div class="small">Configured XMLTV sources</div></div>
|
||||||
|
<div class="card"><div class="eyebrow">Locale</div><div class="value">${summary.locale}</div><div class="small">Detected UI locale</div></div>
|
||||||
|
<div class="card"><div class="eyebrow">Config Size</div><div class="value">${summary.config_size}</div><div class="small">${summary.config_path}</div></div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderChecks(checks, labels) {
|
||||||
|
document.getElementById('checksGrid').innerHTML = checks.map(check => `
|
||||||
|
<div class="check">
|
||||||
|
${statusHtml(check.ok, labels)}
|
||||||
|
<div style="font-size:18px;font-weight:700;margin:8px 0 6px">${check.label}</div>
|
||||||
|
<div class="small">${check.detail}</div>
|
||||||
|
</div>
|
||||||
|
`).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderSources(sources, labels) {
|
||||||
|
document.getElementById('sourceList').innerHTML = sources.map(report => {
|
||||||
|
const epgHealthy = report.epg_fetch.ok && report.epg_stats.ok;
|
||||||
|
const m3uHealthy = report.m3u_fetch ? report.m3u_fetch.ok : true;
|
||||||
|
const epgRows = epgHealthy ? `
|
||||||
|
<div>Channels</div><div>${report.epg_stats.channels}</div>
|
||||||
|
<div>Programmes</div><div>${report.epg_stats.programmes}</div>
|
||||||
|
<div>Sub-titles</div><div>${report.epg_stats.subtitles}</div>
|
||||||
|
<div>Ratings</div><div>${report.epg_stats.ratings}</div>
|
||||||
|
<div>Categories</div><div>${report.epg_stats.categories}</div>
|
||||||
|
<div>Date tags</div><div>${report.epg_stats.dates}</div>
|
||||||
|
<div>Window</div><div>${report.epg_stats.first_start || '—'} → ${report.epg_stats.last_stop || '—'}</div>
|
||||||
|
<div>Content-Type</div><div>${report.epg_fetch.content_type || '—'}</div>
|
||||||
|
` : `<div>Parse</div><div>${report.epg_stats.error || 'Unable to read XMLTV'}</div>`;
|
||||||
|
|
||||||
|
const m3uRows = !report.m3u_url ? `<div class="small">No M3U URL configured for this source.</div>` : `
|
||||||
|
<div class="kv">
|
||||||
|
<div>Status</div><div>${statusHtml(m3uHealthy, labels)}</div>
|
||||||
|
<div>URL</div><div class="mono">${report.m3u_url}</div>
|
||||||
|
<div>HTTP</div><div>${report.m3u_fetch.status || 0}${report.m3u_fetch.error ? ' · ' + report.m3u_fetch.error : ''}</div>
|
||||||
|
<div>Response time</div><div>${Number(report.m3u_fetch.time_total || 0).toFixed(2)} s</div>
|
||||||
|
${report.m3u_fetch.ok && report.m3u_stats ? `
|
||||||
|
<div>Streams</div><div>${report.m3u_stats.streams}</div>
|
||||||
|
<div>#EXTINF</div><div>${report.m3u_stats.extinf}</div>
|
||||||
|
<div>Content-Type</div><div>${report.m3u_fetch.content_type || '—'}</div>
|
||||||
|
` : `<div>Parse</div><div>Unable to load playlist.</div>`}
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
return `
|
||||||
|
<section class="source">
|
||||||
|
<div class="source-head">
|
||||||
|
<div>
|
||||||
|
<div class="source-title">${report.name}</div>
|
||||||
|
<div class="small">EPG host: ${report.epg_host || '—'}${report.m3u_host ? ' · M3U host: ' + report.m3u_host : ''}</div>
|
||||||
|
</div>
|
||||||
|
<span class="pill">${epgHealthy ? 'Healthy XMLTV' : 'Check source'}</span>
|
||||||
|
</div>
|
||||||
|
<div class="split">
|
||||||
|
<div class="panel">
|
||||||
|
<h3>XMLTV</h3>
|
||||||
|
<div class="kv">
|
||||||
|
<div>Status</div><div>${statusHtml(epgHealthy, labels)}</div>
|
||||||
|
<div>URL</div><div class="mono">${report.epg_url}</div>
|
||||||
|
<div>HTTP</div><div>${report.epg_fetch.status}${report.epg_fetch.error ? ' · ' + report.epg_fetch.error : ''}</div>
|
||||||
|
<div>Response time</div><div>${Number(report.epg_fetch.time_total).toFixed(2)} s</div>
|
||||||
|
${epgRows}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel">
|
||||||
|
<h3>M3U</h3>
|
||||||
|
${m3uRows}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
`;
|
||||||
|
}).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
fetch(healthUrl, {credentials: 'same-origin'})
|
||||||
|
.then(r => r.json())
|
||||||
|
.then(data => {
|
||||||
|
renderSummary(data.summary);
|
||||||
|
renderChecks(data.checks, data.helpers);
|
||||||
|
renderSources(data.sources, data.helpers);
|
||||||
|
document.getElementById('splash').classList.add('hidden');
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
document.getElementById('splash').innerHTML = `<div><div style="font-size:18px;font-weight:700;color:#ff6767">Unable to load diagnostics</div><div class="small">${err.message}</div></div>`;
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -98,6 +98,7 @@
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
border: 1px solid var(--border-bright);
|
border: 1px solid var(--border-bright);
|
||||||
color: var(--text-dim);
|
color: var(--text-dim);
|
||||||
|
text-decoration: none;
|
||||||
font-family: 'Share Tech Mono', monospace;
|
font-family: 'Share Tech Mono', monospace;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
letter-spacing: 0.1em;
|
letter-spacing: 0.1em;
|
||||||
|
|||||||
@@ -0,0 +1,31 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
require_once __DIR__ . '/common.php';
|
||||||
|
|
||||||
|
function gridtv_require_admin(array $config, string $page_title = 'Admin'): array {
|
||||||
|
if (session_status() !== PHP_SESSION_ACTIVE) {
|
||||||
|
session_start();
|
||||||
|
}
|
||||||
|
|
||||||
|
$admin_key = (string) ($config['admin_key'] ?? '');
|
||||||
|
$session_key = $_SESSION['gridtv_admin_unlocked'] ?? '';
|
||||||
|
$error = '';
|
||||||
|
|
||||||
|
if ($admin_key !== '' && hash_equals($admin_key, (string) $session_key)) {
|
||||||
|
return ['unlocked' => true, 'error' => ''];
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['admin_key_input'])) {
|
||||||
|
$submitted = trim((string) ($_POST['admin_key_input'] ?? ''));
|
||||||
|
if ($admin_key !== '' && hash_equals($admin_key, $submitted)) {
|
||||||
|
$_SESSION['gridtv_admin_unlocked'] = $admin_key;
|
||||||
|
header('Location: ' . strtok($_SERVER['REQUEST_URI'], '?'));
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
$error = 'Invalid admin key.';
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(401);
|
||||||
|
echo '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>GridTV — ' . htmlspecialchars($page_title) . '</title><link rel="stylesheet" href="/assets/fonts/fonts.css"><style>:root{--bg:#0a0b0d;--surface:#111318;--surface2:#181b22;--border:#232733;--border-bright:#2e3444;--accent:#e8c842;--text:#c8cdd8;--text-dim:#5a6070;--text-bright:#eef0f5;--error:#ff4444;}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);font-family:"Barlow Condensed",sans-serif;padding:24px}.card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border-bright);padding:34px}.logo{font-family:"Share Tech Mono",monospace;font-size:22px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.sub{font-size:13px;color:var(--text-dim);line-height:1.5;margin-bottom:24px}.error{background:rgba(255,68,68,.08);border-left:3px solid var(--error);padding:12px 14px;color:var(--error);font-size:13px;margin-bottom:18px}label{display:block;font-family:"Share Tech Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}input{width:100%;background:var(--surface2);border:1px solid var(--border-bright);color:var(--text-bright);font-family:"Share Tech Mono",monospace;font-size:13px;padding:11px 12px;margin-bottom:16px}button{width:100%;background:var(--accent);color:#000;border:none;font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px;cursor:pointer}.links{margin-top:16px;font-size:12px;color:var(--text-dim)}.links a{color:var(--accent);text-decoration:none}</style></head><body><div class="card"><div class="logo">GridTV</div><div class="sub">Enter your admin key to access the ' . htmlspecialchars($page_title) . ' page.</div>' . ($error ? '<div class="error">' . htmlspecialchars($error) . '</div>' : '') . '<form method="POST"><label for="admin_key_input">Admin key</label><input id="admin_key_input" type="password" name="admin_key_input" autocomplete="off" autofocus><button type="submit">Unlock</button></form><div class="links"><a href="/setup.php">Open setup</a></div></div></body></html>';
|
||||||
|
exit;
|
||||||
|
}
|
||||||
@@ -0,0 +1,127 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
function gridtv_config_path(): string {
|
||||||
|
return dirname(__DIR__, 2) . '/config.json';
|
||||||
|
}
|
||||||
|
|
||||||
|
function gridtv_load_config(): array {
|
||||||
|
$config_path = gridtv_config_path();
|
||||||
|
if (!file_exists($config_path)) {
|
||||||
|
header('Location: /setup.php');
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
|
||||||
|
$config = json_decode(file_get_contents($config_path), true);
|
||||||
|
if (!is_array($config)) {
|
||||||
|
http_response_code(500);
|
||||||
|
die('<h2>GridTV — Configuration error</h2><p><code>config.json</code> is invalid or corrupted.<br>Please delete it and re-run <a href="/setup.php">setup</a>, or fix it manually via SSH.</p>');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($config['epg_url']) && !isset($config['epg_sources'])) {
|
||||||
|
$config['epg_sources'] = [[
|
||||||
|
'name' => 'Main',
|
||||||
|
'epg_url' => $config['epg_url'],
|
||||||
|
'm3u_url' => $config['m3u_url'] ?? '',
|
||||||
|
]];
|
||||||
|
$config['allow_personal_epg'] = false;
|
||||||
|
unset($config['epg_url'], $config['m3u_url']);
|
||||||
|
file_put_contents($config_path, json_encode($config, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES));
|
||||||
|
}
|
||||||
|
|
||||||
|
return $config;
|
||||||
|
}
|
||||||
|
|
||||||
|
function gridtv_load_locale(array $config = []): array {
|
||||||
|
$locale_files = glob(dirname(__DIR__, 2) . '/locales/*.json') ?: [];
|
||||||
|
$supported_locales = array_map(fn($f) => basename($f, '.json'), $locale_files);
|
||||||
|
|
||||||
|
$locale = 'en';
|
||||||
|
$accept = $_SERVER['HTTP_ACCEPT_LANGUAGE'] ?? 'en';
|
||||||
|
foreach (explode(',', $accept) as $lang) {
|
||||||
|
$code = strtolower(substr(trim($lang), 0, 2));
|
||||||
|
if (in_array($code, $supported_locales, true)) {
|
||||||
|
$locale = $code;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$locale_path = dirname(__DIR__, 2) . "/locales/{$locale}.json";
|
||||||
|
$strings = is_file($locale_path) ? json_decode(file_get_contents($locale_path), true) : null;
|
||||||
|
if (!is_array($strings)) {
|
||||||
|
$fallback_path = dirname(__DIR__, 2) . '/locales/en.json';
|
||||||
|
$strings = is_file($fallback_path) ? (json_decode(file_get_contents($fallback_path), true) ?? []) : [];
|
||||||
|
$locale = 'en';
|
||||||
|
}
|
||||||
|
|
||||||
|
return [$locale, $strings];
|
||||||
|
}
|
||||||
|
|
||||||
|
function gridtv_fetch_url(string $url, int $timeout = 20, bool $head_only = false): array {
|
||||||
|
if (!function_exists('curl_init')) {
|
||||||
|
return [
|
||||||
|
'ok' => false,
|
||||||
|
'status' => 0,
|
||||||
|
'error' => 'php-curl extension is not installed.',
|
||||||
|
'body' => '',
|
||||||
|
'headers' => [],
|
||||||
|
'content_type' => '',
|
||||||
|
'final_url' => $url,
|
||||||
|
'time_total' => 0.0,
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
$headers = [];
|
||||||
|
$ch = curl_init($url);
|
||||||
|
curl_setopt_array($ch, [
|
||||||
|
CURLOPT_RETURNTRANSFER => true,
|
||||||
|
CURLOPT_FOLLOWLOCATION => true,
|
||||||
|
CURLOPT_MAXREDIRS => 5,
|
||||||
|
CURLOPT_CONNECTTIMEOUT => 8,
|
||||||
|
CURLOPT_TIMEOUT => $timeout,
|
||||||
|
CURLOPT_USERAGENT => $_SERVER['HTTP_USER_AGENT'] ?? 'GridTV/health',
|
||||||
|
CURLOPT_HEADERFUNCTION => static function ($ch, $line) use (&$headers) {
|
||||||
|
$trimmed = trim($line);
|
||||||
|
if ($trimmed !== '' && strpos($trimmed, ':') !== false) {
|
||||||
|
[$name, $value] = explode(':', $trimmed, 2);
|
||||||
|
$headers[strtolower(trim($name))] = trim($value);
|
||||||
|
}
|
||||||
|
return strlen($line);
|
||||||
|
},
|
||||||
|
CURLOPT_HTTPHEADER => ['Accept: */*'],
|
||||||
|
CURLOPT_NOBODY => $head_only,
|
||||||
|
]);
|
||||||
|
|
||||||
|
$body = curl_exec($ch);
|
||||||
|
$error = curl_error($ch);
|
||||||
|
$status = (int) curl_getinfo($ch, CURLINFO_HTTP_CODE);
|
||||||
|
$content_type = (string) curl_getinfo($ch, CURLINFO_CONTENT_TYPE);
|
||||||
|
$final_url = (string) curl_getinfo($ch, CURLINFO_EFFECTIVE_URL);
|
||||||
|
$time_total = (float) curl_getinfo($ch, CURLINFO_TOTAL_TIME);
|
||||||
|
curl_close($ch);
|
||||||
|
|
||||||
|
return [
|
||||||
|
'ok' => $error === '' && $status >= 200 && $status < 400,
|
||||||
|
'status' => $status,
|
||||||
|
'error' => $error,
|
||||||
|
'body' => is_string($body) ? $body : '',
|
||||||
|
'headers' => $headers,
|
||||||
|
'content_type' => $content_type,
|
||||||
|
'final_url' => $final_url ?: $url,
|
||||||
|
'time_total' => $time_total,
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
function gridtv_format_bytes(int $bytes): string {
|
||||||
|
$units = ['B', 'KB', 'MB', 'GB'];
|
||||||
|
$size = (float) $bytes;
|
||||||
|
$unit = 0;
|
||||||
|
while ($size >= 1024 && $unit < count($units) - 1) {
|
||||||
|
$size /= 1024;
|
||||||
|
$unit++;
|
||||||
|
}
|
||||||
|
return number_format($size, $size >= 10 || $unit === 0 ? 0 : 1) . ' ' . $units[$unit];
|
||||||
|
}
|
||||||
|
|
||||||
|
function gridtv_extract_host(string $url): string {
|
||||||
|
return strtolower(parse_url($url, PHP_URL_HOST) ?? '');
|
||||||
|
}
|
||||||
@@ -12,6 +12,7 @@
|
|||||||
<?php if (!empty($m3u_url)): ?>
|
<?php if (!empty($m3u_url)): ?>
|
||||||
<button class="copy-btn" onclick="copyUrl('m3u')" title="<?= htmlspecialchars($L["copy_m3u"]) ?>"><?= htmlspecialchars($L["copy_m3u"]) ?></button>
|
<button class="copy-btn" onclick="copyUrl('m3u')" title="<?= htmlspecialchars($L["copy_m3u"]) ?>"><?= htmlspecialchars($L["copy_m3u"]) ?></button>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
<a class="copy-btn" href="/export.php" title="Export 24h">Export</a>
|
||||||
</div>
|
</div>
|
||||||
<?php if (count($epg_sources) > 1 || $allow_personal_epg): ?>
|
<?php if (count($epg_sources) > 1 || $allow_personal_epg): ?>
|
||||||
<div class="source-dropdown" id="sourceDropdown">
|
<div class="source-dropdown" id="sourceDropdown">
|
||||||
|
|||||||
+1
-1
@@ -1,3 +1,3 @@
|
|||||||
{
|
{
|
||||||
"version": "1.5.0"
|
"version": "1.6.0"
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user