Timeline, Style
This commit is contained in:
+27
-7
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user