Style
This commit is contained in:
+85
-17
@@ -21,16 +21,59 @@ $isFavoritesView = ($view ?? '') === 'favorites';
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="now-grid" data-live-now-grid>
|
||||
<div class="now-grid now-grid-enhanced" data-live-now-grid>
|
||||
<?php foreach ($currentProgrammes as $item): ?>
|
||||
<?php $logoUrl = LogoService::getLogoUrl($item['channel_id']); ?>
|
||||
<article class="now-card">
|
||||
<div class="now-channel">
|
||||
<img class="mini-channel-logo" src="<?= htmlspecialchars($logoUrl) ?>" alt="">
|
||||
<span><?= htmlspecialchars($item['channel_name']) ?></span>
|
||||
<?php if ($item['favorite']): ?>
|
||||
<span class="favorite-star">⭐</span>
|
||||
<?php endif; ?>
|
||||
<?php
|
||||
$logoUrl = LogoService::getLogoUrl($item['channel_id']);
|
||||
$badges = [];
|
||||
|
||||
if (!empty($item['category'])) {
|
||||
$badges[] = ($item['genre_icon'] ?? '▶') . ' ' . $item['category'];
|
||||
}
|
||||
|
||||
if (!empty($item['year'])) {
|
||||
$badges[] = $item['year'];
|
||||
}
|
||||
|
||||
if (!empty($item['rating'])) {
|
||||
$badges[] = 'FSK ' . $item['rating'];
|
||||
}
|
||||
|
||||
if (!empty($item['quality'])) {
|
||||
$badges[] = $item['quality'];
|
||||
}
|
||||
?>
|
||||
|
||||
<article class="now-card now-card-enhanced">
|
||||
|
||||
<div class="now-card-top">
|
||||
<div class="now-channel-logo-wrap">
|
||||
<img class="now-channel-logo"
|
||||
src=" <?= htmlspecialchars($logoUrl) ?>"
|
||||
alt="">
|
||||
</div>
|
||||
|
||||
<div class="now-channel-info">
|
||||
|
||||
<div class="now-channel-name">
|
||||
<?= htmlspecialchars($item['channel_name']) ?>
|
||||
|
||||
<?php if ($item['favorite']): ?>
|
||||
<span class="favorite-star">⭐ </span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="now-channel-number">
|
||||
Kanal <?= (int)$item['channel_number'] ?>
|
||||
</div>
|
||||
|
||||
<div class="now-time">
|
||||
<?= date('H:i', $item['start']) ?>
|
||||
–
|
||||
<?= date('H:i', $item['stop']) ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3><?= htmlspecialchars($item['title']) ?></h3>
|
||||
@@ -39,25 +82,50 @@ $isFavoritesView = ($view ?? '') === 'favorites';
|
||||
<div class="now-subtitle"><?= htmlspecialchars($item['subtitle']) ?></div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($item['category']): ?>
|
||||
<span class="category"><?= htmlspecialchars($item['category']) ?></span>
|
||||
<?php if ($badges): ?>
|
||||
<div class="now-badges">
|
||||
<?php foreach ($badges as $badge): ?>
|
||||
<span class="now-badge"><?= htmlspecialchars($badge) ?></span>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="progress-wrap">
|
||||
<div class="progress-meta">
|
||||
<span><?= date('H:i', $item['start']) ?></span>
|
||||
<span><?= date('H:i', $item['stop']) ?></span>
|
||||
<span><?= (int)$item['percent'] ?>%</span>
|
||||
<span>noch <?= (int)$item['remaining_minutes'] ?> Minuten</span>
|
||||
</div>
|
||||
|
||||
<div class="progress-bar">
|
||||
<div class="progress-fill" style="width: <?= (int)$item['percent'] ?>%"></div>
|
||||
</div>
|
||||
|
||||
<div class="remaining">
|
||||
<?= (int)$item['percent'] ?>% · noch <?= (int)$item['remaining_minutes'] ?> Minuten
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if (!empty($item['next_title'])): ?>
|
||||
|
||||
|
||||
<div class="now-next">
|
||||
<div class="now-next-label">Danach</div>
|
||||
|
||||
<div class="now-next-programme">
|
||||
<div class="now-next-time">
|
||||
<?= !empty($item['next_start']) ? date('H:i', $item['next_start']) : '' ?>
|
||||
</div>
|
||||
|
||||
<div class="now-next-info">
|
||||
<strong><?= htmlspecialchars($item['next_title']) ?></strong>
|
||||
|
||||
<?php if (!empty($item['next_subtitle'])): ?>
|
||||
<div class="now-next-subtitle">
|
||||
<?= htmlspecialchars($item['next_subtitle']) ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($item['description']): ?>
|
||||
<p class="now-desc"><?= htmlspecialchars($item['description']) ?></p>
|
||||
<?php endif; ?>
|
||||
|
||||
Reference in New Issue
Block a user