Yassine Doghri 2d44b457a0 feat: enhance admin ui with responsive design and ux improvements
- add podcast sidebar navigation
- add podcast dashboard with latest episodes
- add pagination to podcast episodes
- add components helper to reuse ui components (button, data_table, etc.)
- enhance podcast and episode forms by splitting them into form sections
- add hint tooltips to podcast and episode forms
- transform radio inputs as buttons for better ux
- replace explicit field by parental_advisory
- replace author field by publisher
- add podcasts_categories table to set multiple categories
- use choices.js to enhance multiselect fields
- update Language files
- update js dependencies to latest versions

closes #31, #9
2020-10-15 14:41:56 +00:00

50 lines
1.5 KiB
PHP

<?= $this->extend('admin/_layout') ?>
<?= $this->section('title') ?>
<?= $episode->title ?>
<?= $this->endSection() ?>
<?= $this->section('pageTitle') ?>
<?= $episode->title ?>
<?= $this->endSection() ?>
<?= $this->section('content') ?>
<div class="flex flex-wrap">
<div class="w-full max-w-sm mb-6 md:mr-4">
<img
src="<?= $episode->image->medium_url ?>"
alt="Episode cover"
class="object-cover w-full"
/>
<audio controls preload="none" class="w-full mb-6">
<source src="/<?= $episode->enclosure_media_path ?>" type="<?= $episode->enclosure_type ?>">
Your browser does not support the audio tag.
</audio>
<div class="flex justify-around">
<?= button(
lang('Episode.edit'),
route_to('episode-edit', $podcast->id, $episode->id),
['variant' => 'info', 'iconLeft' => 'edit']
) ?>
<?= button(
lang('Episode.go_to_page'),
route_to('episode', $podcast->name, $episode->slug),
['variant' => 'secondary', 'iconLeft' => 'external-link']
) ?>
<?= button(
lang('Episode.delete'),
route_to('episode-delete', $podcast->id, $episode->id),
['variant' => 'danger', 'iconLeft' => 'delete-bin']
) ?>
</div>
</div>
<section class="w-full max-w-sm prose">
<?= $episode->description_html ?>
</section>
</div>
<?= $this->endSection() ?>