2020-07-27 11:35:34 +02:00
|
|
|
<?= $this->extend('admin/_layout') ?>
|
|
|
|
|
2020-08-05 18:10:39 +02:00
|
|
|
<?= $this->section('title') ?>
|
|
|
|
<?= $episode->title ?>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
|
2020-10-02 17:38:16 +02:00
|
|
|
<?= $this->section('pageTitle') ?>
|
2020-10-22 19:41:59 +02:00
|
|
|
<?= $episode->title .
|
|
|
|
publication_pill(
|
|
|
|
$episode->published_at,
|
|
|
|
$episode->is_published,
|
|
|
|
'text-sm ml-2 align-middle'
|
|
|
|
) ?>
|
2020-10-02 17:38:16 +02:00
|
|
|
<?= $this->endSection() ?>
|
|
|
|
|
2020-07-27 11:35:34 +02:00
|
|
|
<?= $this->section('content') ?>
|
2020-10-14 12:38:48 +02:00
|
|
|
|
2020-10-02 17:38:16 +02:00
|
|
|
<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"
|
|
|
|
/>
|
2020-12-07 21:13:46 +01:00
|
|
|
<audio controls preload="auto" class="w-full mb-6">
|
2020-10-02 17:38:16 +02:00
|
|
|
<source src="/<?= $episode->enclosure_media_path ?>" type="<?= $episode->enclosure_type ?>">
|
|
|
|
Your browser does not support the audio tag.
|
|
|
|
</audio>
|
2020-07-27 11:35:34 +02:00
|
|
|
|
2020-10-02 17:38:16 +02:00
|
|
|
<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>
|
2020-07-27 11:35:34 +02:00
|
|
|
|
2020-10-02 17:38:16 +02:00
|
|
|
<section class="w-full max-w-sm prose">
|
|
|
|
<?= $episode->description_html ?>
|
|
|
|
</section>
|
|
|
|
</div>
|
2020-07-27 11:35:34 +02:00
|
|
|
|
2020-12-07 21:13:46 +01:00
|
|
|
<div class="mb-12">
|
|
|
|
<?= button(
|
|
|
|
lang('Episode.soundbites_form.title'),
|
|
|
|
route_to('soundbites-edit', $podcast->id, $episode->id),
|
|
|
|
['variant' => 'info', 'iconLeft' => 'edit'],
|
|
|
|
['class' => 'mb-4']
|
|
|
|
) ?>
|
|
|
|
<?php if (count($episode->soundbites) > 0): ?>
|
|
|
|
<?= data_table(
|
|
|
|
[
|
|
|
|
[
|
|
|
|
'header' => 'Play',
|
|
|
|
'cell' => function ($soundbite) {
|
|
|
|
return icon_button(
|
|
|
|
'play',
|
|
|
|
lang('Episode.soundbites_form.play'),
|
|
|
|
null,
|
|
|
|
['variant' => 'primary'],
|
|
|
|
[
|
|
|
|
'class' => 'mb-1 mr-1',
|
|
|
|
'data-type' => 'play-soundbite',
|
|
|
|
'data-soundbite-start-time' =>
|
|
|
|
$soundbite->start_time,
|
|
|
|
'data-soundbite-duration' => $soundbite->duration,
|
|
|
|
]
|
|
|
|
);
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[
|
|
|
|
'header' => lang('Episode.soundbites_form.start_time'),
|
|
|
|
'cell' => function ($soundbite) {
|
|
|
|
return format_duration($soundbite->start_time);
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[
|
|
|
|
'header' => lang('Episode.soundbites_form.duration'),
|
|
|
|
'cell' => function ($soundbite) {
|
|
|
|
return format_duration($soundbite->duration);
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[
|
|
|
|
'header' => lang('Episode.soundbites_form.label'),
|
|
|
|
'cell' => function ($soundbite) {
|
|
|
|
return $soundbite->label;
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
$episode->soundbites
|
|
|
|
) ?>
|
|
|
|
<?php endif; ?>
|
|
|
|
</div>
|
2020-10-14 12:38:48 +02:00
|
|
|
|
|
|
|
<div class="mb-12 text-center">
|
|
|
|
<h2><?= lang('Charts.episode_by_day') ?></h2>
|
|
|
|
<div class="chart-xy" id="by-day-graph" data-chart-type="xy-chart" data-chart-url="<?= route_to(
|
|
|
|
'analytics-filtered-data',
|
|
|
|
$podcast->id,
|
|
|
|
'PodcastByEpisode',
|
|
|
|
'ByDay',
|
|
|
|
$episode->id
|
|
|
|
) ?>"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="mb-12 text-center">
|
|
|
|
<h2><?= lang('Charts.episode_by_month') ?></h2>
|
|
|
|
<div class="chart-xy" id="by-month-graph" data-chart-type="xy-chart" data-chart-url="<?= route_to(
|
|
|
|
'analytics-filtered-data',
|
|
|
|
$podcast->id,
|
|
|
|
'PodcastByEpisode',
|
|
|
|
'ByMonth',
|
|
|
|
$episode->id
|
|
|
|
) ?>"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/assets/charts.js" type="module"></script>
|
2020-07-27 11:35:34 +02:00
|
|
|
<?= $this->endSection() ?>
|