Timeline, Style

This commit is contained in:
Gogs
2026-07-09 14:52:36 +02:00
parent 2df690ba11
commit fb6b92c86c
4 changed files with 72 additions and 11 deletions
+27 -7
View File
@@ -45,12 +45,18 @@ foreach ($dayProgrammes as $channel) {
foreach ($channel['programmes'] as $programme) {
$programmeIndex[$programme['id']] = [
'id' => $programme['id'],
'channel_id' => $channel['channel_id'],
'channel' => $channel['channel_name'],
'channel_number' => $channel['channel_number'],
'favorite' => $channel['favorite'],
'title' => $programme['title'],
'subtitle' => $programme['subtitle'],
'description' => $programme['description'],
'category' => $programme['category'],
'metadata' => $programme['metadata'] ?? [],
'year' => $programme['metadata']['year'] ?? '',
'rating' => $programme['metadata']['age_rating'] ?? '',
'country' => $programme['metadata']['country'] ?? '',
'start' => date('H:i', $programme['start']),
'stop' => date('H:i', $programme['stop']),
];
@@ -237,13 +243,27 @@ foreach ($dayProgrammes as $channel) {
<div class="programme-modal-backdrop" data-modal-close></div>
<div class="programme-modal-card">
<button class="programme-modal-close" type="button" data-modal-close>×</button>
<button class="programme-modal-close" type="button" data-modal-close>×</button>
<div class="programme-modal-time" id="modalTime"></div>
<div class="programme-modal-meta" id="modalMeta"></div>
<h2 id="modalTitle"></h2>
<div class="programme-modal-subtitle" id="modalSubtitle"></div>
<div class="programme-modal-category" id="modalCategory"></div>
<p id="modalDescription"></p>
<div class="programme-modal-header">
<img id="modalLogo" class="programme-modal-logo" src="/assets/logos/default.svg" alt="">
<div class="programme-modal-channel">
<div id="modalChannel"></div>
<div id="modalTime" class="programme-modal-time"></div>
</div>
</div>
<h2 id="modalTitle"></h2>
<div id="modalSubtitle" class="programme-modal-subtitle"></div>
<div id="modalCategory" class="programme-modal-category"></div>
<div id="modalMeta" class="programme-modal-meta"></div>
<p id="modalDescription"></p>
</div>
</div>