Yassine Doghri dfb7888aeb feat(plugins): add aside with plugin metadata next to plugin's readme
- enhance plugin card ui
- refactor components to be more consistent
- invert toggler label for better UX
- edit view components regex
2024-06-14 15:53:33 +00:00

58 lines
2.8 KiB
PHP

<?php declare(strict_types=1);
if ($episode->publication_status === 'published') {
$navigationItems = [
[
'uri' => route_to('episode', esc($podcast->handle), esc($episode->slug)),
'label' => lang('Episode.comments'),
'labelInfo' => $episode->comments_count,
],
[
'uri' => route_to('episode-activity', esc($podcast->handle), esc($episode->slug)),
'label' => lang('Episode.activity'),
'labelInfo' => $episode->posts_count,
],
[
'uri' => route_to('episode-chapters', esc($podcast->handle), esc($episode->slug)),
'label' => lang('Episode.chapters'),
'labelInfo' => $episode->chapters === null ? 0 : $episode->chapters->chapter_count,
],
[
'uri' => route_to('episode-transcript', esc($podcast->handle), esc($episode->slug)),
'label' => lang('Episode.transcript'),
'labelInfo' => $episode->transcript === null ? '&ndash;' : '✓',
],
];
} else {
$navigationItems = [
[
'uri' => route_to('episode-preview', $episode->preview_id),
'label' => lang('Episode.comments'),
'labelInfo' => $episode->comments_count,
],
[
'uri' => route_to('episode-preview-activity', $episode->preview_id),
'label' => lang('Episode.activity'),
'labelInfo' => $episode->posts_count,
],
[
'uri' => route_to('episode-preview-chapters', $episode->preview_id),
'label' => lang('Episode.chapters'),
'labelInfo' => $episode->chapters === null ? 0 : $episode->chapters->chapter_count,
],
[
'uri' => route_to('episode-preview-transcript', $episode->preview_id),
'label' => lang('Episode.transcript'),
'labelInfo' => $episode->transcript === null ? '&ndash;' : '✓',
],
];
}
?>
<nav class="sticky z-40 flex col-start-2 pt-4 shadow bg-elevated md:px-8 gap-x-2 md:gap-x-4 -top-4 rounded-conditional-b-xl">
<?php foreach ($navigationItems as $item): ?>
<?php $isActive = url_is($item['uri']); ?>
<a href="<?= $item['uri'] ?>" class="px-4 py-1 text-sm font-semibold uppercase border-b-4<?= $isActive ? ' border-b-4 text-black border-accent-base' : ' text-skin-muted hover:text-skin-base hover:border-subtle border-transparent' ?>"><?= $item['label'] ?><span class="px-2 ml-1 font-semibold rounded-full bg-base"><?= $item['labelInfo'] ?></span></a>
<?php endforeach; ?>
<button type="button" class="p-2 ml-auto rotate-180 rounded-full md:hidden" data-sidebar-toggler="toggler" aria-label="<?= lang('Navigation.toggle_sidebar') ?>"><?= icon('menu-2-fill') ?></button>
</nav>