mirror of
https://code.castopod.org/adaures/castopod
synced 2025-05-11 16:55:46 +00:00
2f525c0f6e
- add "ActivityPub" library to handle server to server federation and basic
client to server protocols using activitypub:
- add webfinger endpoint to look for actor
- add actor definition with inbox / outbox / followers
- remote follow an actor
- create notes with possible preview cards
- interract with favourites, reblogs and replies
- block incoming actors and/or domains
- broadcast/schedule activities to fediverse followers using a cron task
- For castopod, the podcast is the actor:
- overwrite the activitypub library for castopod's specific needs
- perform basic interactions administrating a podcast to interact with fediverse users:
- create notes with episode attachment
- favourite and share a note + reply
- add specific castopod_namespaces for podcasts and episodes definitions
- overwrite CodeIgniter's Route service to include alternate-content option for
activitystream requests
- update episode publication logic:
- remove publication inputs in create / edit episode form
- publish / schedule or unpublish an episode after creation
- the podcaster publishes a note when publishing an episode
- Javascript / Typescript modules:
- fix Dropdown.ts to keep dropdown menu in foreground
- add Modal.ts for funding links modal
- add Toggler.ts to toggle various css states in ui
- User Interface:
- update tailwindcss to v2
- use castopod's pine and rose colors
- update public layout to a 3 column layout
- add pages in public for podcast activity, episode list and notes
- update episode page to include linked notes
- remove previous and next episodes from episode pages
- show different public views depending on whether user is authenticated or not
- use Kumbh Sans and Montserrat fonts
- update CodeIgniter's config files
- with CodeIgniter's new requirements, update docker environments are now based on
php v7.3 image
- move Image entity to Libraries
- update composer and npm packages to latest versions
closes #69 #65 #85, fixes #51 #91 #92 #88
187 lines
8.7 KiB
PHP
187 lines
8.7 KiB
PHP
<?= $this->extend('podcast/_layout') ?>
|
|
|
|
<?= $this->section('meta-tags') ?>
|
|
<title><?= $episode->title ?></title>
|
|
<meta name="description" content="<?= htmlspecialchars(
|
|
$episode->description,
|
|
) ?>" />
|
|
<link rel="canonical" href="<?= $episode->link ?>" />
|
|
<meta property="og:title" content="<?= $episode->title ?>" />
|
|
<meta property="og:description" content="<?= $episode->description ?>" />
|
|
<meta property="og:locale" content="<?= $podcast->language_code ?>" />
|
|
<meta property="og:site_name" content="<?= $podcast->title ?>" />
|
|
<meta property="og:url" content="<?= current_url() ?>" />
|
|
<meta property="og:image" content="<?= $episode->image->large_url ?>" />
|
|
<meta property="og:image:width" content="<?= config('Images')->largeSize ?>" />
|
|
<meta property="og:image:height" content="<?= config('Images')->largeSize ?>" />
|
|
<meta property="og:description" content="$description" />
|
|
<meta property="article:published_time" content="<?= $episode->published_at ?>" />
|
|
<meta property="article:modified_time" content="<?= $episode->updated_at ?>" />
|
|
<meta property="og:audio" content="<?= $episode->enclosure_opengraph_url ?>" />
|
|
<meta property="og:audio:type" content="<?= $episode->enclosure_mimetype ?>" />
|
|
<link rel="alternate" type="application/json+oembed" href="<?= base_url(
|
|
route_to('episode-oembed-json', $podcast->name, $episode->slug),
|
|
) ?>" title="<?= $episode->title ?> oEmbed json" />
|
|
<link rel="alternate" type="text/xml+oembed" href="<?= base_url(
|
|
route_to('episode-oembed-xml', $podcast->name, $episode->slug),
|
|
) ?>" title="<?= $episode->title ?> oEmbed xml" />
|
|
<meta name="twitter:title" content="<?= $episode->title ?>" />
|
|
<meta name="twitter:description" content="<?= $episode->description ?>" />
|
|
<meta name="twitter:image" content="<?= $episode->image->large_url ?>" />
|
|
<meta name="twitter:card" content="player" />
|
|
<meta property="twitter:audio:partner" content="<?= $podcast->publisher ?>" />
|
|
<meta property="twitter:audio:artist_name" content="<?= $podcast->owner_name ?>" />
|
|
<meta name="twitter:player" content="<?= $episode->getEmbeddablePlayer(
|
|
'light',
|
|
) ?>" />
|
|
<meta name="twitter:player:width" content="600" />
|
|
<meta name="twitter:player:height" content="200" />
|
|
<?= $this->endSection() ?>
|
|
|
|
<?= $this->section('content') ?>
|
|
<div class="max-w-2xl mx-auto">
|
|
<a href="<?= route_to(
|
|
'podcast-episodes',
|
|
$podcast->name,
|
|
) ?>" class="inline-flex items-center px-4 py-2 mb-2 text-sm"><?= icon(
|
|
'arrow-left',
|
|
'mr-2 text-lg',
|
|
) . lang('Episode.back_to_episodes', ['podcast' => $podcast->title]) ?></a>
|
|
<header class="flex flex-col px-6 mb-4 rounded-b-xl">
|
|
<div class="flex flex-wrap items-start">
|
|
<img src="<?= $episode->image
|
|
->medium_url ?>" alt="<?= $episode->title ?>" class="mb-4 mr-6 rounded-xl w-52" />
|
|
<div class="flex flex-col items-start flex-1 mb-4" style="min-width: 14rem">
|
|
<h1 class="text-xl font-bold leading-none font-display line-clamp-2"><?= $episode->title ?></h1>
|
|
<?= episode_numbering(
|
|
$episode->number,
|
|
$episode->season_number,
|
|
'text-gray-700',
|
|
) ?>
|
|
<div class="mb-4 text-xs">
|
|
<time pubdate datetime="<?= $episode->published_at->format(
|
|
DateTime::ATOM,
|
|
) ?>" title="<?= $episode->published_at ?>">
|
|
<?= lang('Common.mediumDate', [
|
|
$episode->published_at,
|
|
]) ?>
|
|
</time>
|
|
<span class="mx-1">•</span>
|
|
<time datetime="PT<?= $episode->enclosure_duration ?>S">
|
|
<?= format_duration($episode->enclosure_duration) ?>
|
|
</time>
|
|
</div>
|
|
<div class="mb-2 space-x-4 text-sm">
|
|
<?= anchor(
|
|
route_to('episode', $podcast->name, $episode->slug),
|
|
icon('chat', 'text-xl mr-1 text-gray-400') .
|
|
$episode->notes_total,
|
|
[
|
|
'class' =>
|
|
'inline-flex items-center hover:underline',
|
|
'title' => lang('Episode.total_notes', [
|
|
'numberOfTotalNotes' => $episode->notes_total,
|
|
]),
|
|
],
|
|
) ?>
|
|
<?= anchor(
|
|
route_to('episode', $podcast->name, $episode->slug),
|
|
icon('repeat', 'text-xl mr-1 text-gray-400') .
|
|
$episode->reblogs_total,
|
|
[
|
|
'class' =>
|
|
'inline-flex items-center hover:underline',
|
|
'title' => lang('Episode.total_reblogs', [
|
|
'numberOfTotalReblogs' =>
|
|
$episode->reblogs_total,
|
|
]),
|
|
],
|
|
) ?>
|
|
<?= anchor(
|
|
route_to('episode', $podcast->name, $episode->slug),
|
|
icon('heart', 'text-xl mr-1 text-gray-400') .
|
|
$episode->favourites_total,
|
|
[
|
|
'class' =>
|
|
'inline-flex items-center hover:underline',
|
|
'title' => lang('Episode.total_favourites', [
|
|
'numberOfTotalFavourites' =>
|
|
$episode->favourites_total,
|
|
]),
|
|
],
|
|
) ?>
|
|
</div>
|
|
<?php if ($episode->location_name): ?>
|
|
<?= location_link(
|
|
$episode->location_name,
|
|
$episode->location_geo,
|
|
$episode->location_osmid,
|
|
'text-sm mb-4',
|
|
) ?>
|
|
<?php endif; ?>
|
|
<?php if ($episodePersons): ?>
|
|
<div class="flex space-x-2">
|
|
<?php foreach ($episodePersons as $person): ?>
|
|
<?php if ($person['information_url']): ?>
|
|
<a href="<?= $person[
|
|
'information_url'
|
|
] ?>" target="_blank" rel="noreferrer noopener">
|
|
<img src="<?= $person[
|
|
'thumbnail_url'
|
|
] ?>" alt="<?= $person[
|
|
'full_name'
|
|
] ?>" class="object-cover w-12 h-12 rounded-full" title="[<?= $person[
|
|
'full_name'
|
|
] ?>] <?= $person['roles'] ?>" /></a>
|
|
<?php else: ?>
|
|
<img src="<?= $person[
|
|
'thumbnail_url'
|
|
] ?>" alt="<?= $person[
|
|
'full_name'
|
|
] ?>" class="object-cover w-12 h-12 rounded-full" title="[<?= $person[
|
|
'full_name'
|
|
] ?>] <?= $person['roles'] ?>" />
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<audio controls preload="none" class="w-full mt-auto">
|
|
<source src="<?= $episode->enclosure_web_url ?>" type="<?= $episode->enclosure_type ?>">
|
|
Your browser does not support the audio tag.
|
|
</audio>
|
|
</header>
|
|
|
|
<div class="tabset">
|
|
<?php if ($episode->notes): ?>
|
|
|
|
<input type="radio" name="tabset" id="activity" aria-controls="activity" checked="checked" />
|
|
<label for="activity"><?= lang('Episode.activity') ?></label>
|
|
<?php endif; ?>
|
|
|
|
<input type="radio" name="tabset" id="description" aria-controls="description" <?= $episode->notes
|
|
? ''
|
|
: 'checked="checked"' ?> />
|
|
<label for="description" class="<?= $episode->notes
|
|
? ''
|
|
: 'col-span-2' ?>"><?= lang('Episode.description') ?></label>
|
|
|
|
<div class="tab-panels">
|
|
<?php if ($episode->notes): ?>
|
|
<section id="activity" class="space-y-8 tab-panel">
|
|
<?php foreach ($episode->notes as $note): ?>
|
|
<?= view('podcast/_partials/note', ['note' => $note]) ?>
|
|
<?php endforeach; ?>
|
|
</section>
|
|
<?php endif; ?>
|
|
<section id="description" class="prose tab-panel">
|
|
<?= $episode->getDescriptionHtml('-+Website+-') ?>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?= $this->endSection()
|
|
?>
|