105 lines
5.5 KiB
Text
105 lines
5.5 KiB
Text
|
@using Yavsc.Abstract.Streaming
|
||
|
|
@model Yavsc.ViewModels.Podcast.PodcastCatalogueViewModel
|
||
|
|
@{
|
||
|
|
ViewBag.Title = Localizer["Podcasts"];
|
||
|
|
}
|
||
|
|
|
||
|
|
<header class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
|
||
|
|
<div>
|
||
|
|
<h1>@Localizer["Podcasts"]</h1>
|
||
|
|
<p class="text-muted">@Localizer["Retrouvez les directs et les replays de la communauté Yavsc."]</p>
|
||
|
|
<p>@Localizer["Lecture réservée aux utilisateurs connectés. Les flux sont fournis par Yavsc.Api."]</p>
|
||
|
|
</div>
|
||
|
|
<div class="d-flex flex-wrap gap-2">
|
||
|
|
<a asp-action="Index" class="btn btn-outline-primary">@Localizer["Actualiser"]</a>
|
||
|
|
<a asp-controller="Donation" asp-action="Settings" class="btn btn-outline-success">@Localizer["Configurer mes dons PayPal"]</a>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
@if (Model.Error != null)
|
||
|
|
{
|
||
|
|
<div class="alert alert-danger" role="alert">@Model.Error</div>
|
||
|
|
}
|
||
|
|
else if (Model.Podcasts.Count == 0)
|
||
|
|
{
|
||
|
|
<div class="alert alert-info" role="status">@Localizer["Aucun podcast n'est disponible pour le moment."]</div>
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
<div class="row g-4">
|
||
|
|
@foreach (var podcast in Model.Podcasts)
|
||
|
|
{
|
||
|
|
var ready = podcast.State == PodcastState.Completed && podcast.Replay?.State == PodcastReplayState.Ready;
|
||
|
|
var stateLabel = podcast.State switch
|
||
|
|
{
|
||
|
|
PodcastState.Live => Localizer["En direct"],
|
||
|
|
PodcastState.Completed => Localizer["Replay"],
|
||
|
|
_ => Localizer["Direct interrompu"]
|
||
|
|
};
|
||
|
|
<article class="col-12 col-lg-6">
|
||
|
|
<div class="card h-100 shadow-sm">
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="d-flex justify-content-between align-items-start gap-3">
|
||
|
|
<h2 class="h4">@podcast.Title</h2>
|
||
|
|
<span class="badge @(podcast.State == PodcastState.Live ? "bg-danger" : "bg-secondary")">@stateLabel</span>
|
||
|
|
</div>
|
||
|
|
<p class="text-muted">
|
||
|
|
@podcast.OwnerName · <time datetime="@podcast.CreatedAt.ToString("O")">@podcast.CreatedAt.ToLocalTime().ToString("g")</time>
|
||
|
|
</p>
|
||
|
|
<p>@Localizer["Durée : {0} s", podcast.DurationSeconds.ToString("0.##")]</p>
|
||
|
|
@if (podcast.SegmentCount > 0)
|
||
|
|
{
|
||
|
|
<video controls playsinline preload="none" class="w-100"
|
||
|
|
aria-label="@podcast.Title" data-podcast-player
|
||
|
|
data-hls="@(!ready ? "true" : "false")">
|
||
|
|
<source src="@(ready ? Url.Action("Replay", new { id = podcast.Id }) : Url.Action("Playlist", new { id = podcast.Id }))"
|
||
|
|
type="@(ready ? "video/mp4" : "application/vnd.apple.mpegurl")" />
|
||
|
|
@Localizer["Votre navigateur ne prend pas en charge la lecture vidéo."]
|
||
|
|
</video>
|
||
|
|
@if (!ready)
|
||
|
|
{
|
||
|
|
<button type="button" class="btn btn-outline-primary mt-2 d-none" data-start-playback>
|
||
|
|
@Localizer["Lire le podcast"]
|
||
|
|
</button>
|
||
|
|
}
|
||
|
|
<p class="alert alert-warning mt-2 d-none" role="alert" data-playback-error>
|
||
|
|
@Localizer["Lecture indisponible. Actualisez la page ou utilisez PostIt."]
|
||
|
|
</p>
|
||
|
|
@if (!ready && podcast.State == PodcastState.Completed)
|
||
|
|
{
|
||
|
|
<p class="text-muted">
|
||
|
|
@(podcast.Replay?.State == PodcastReplayState.Failed
|
||
|
|
? Localizer["La préparation du replay MP4 a échoué. L'auteur peut la relancer depuis PostIt."]
|
||
|
|
: Localizer["Le replay MP4 est en préparation. La lecture HLS reste disponible."])
|
||
|
|
</p>
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
<p class="alert alert-info">@Localizer["Aucun segment n'est encore disponible. Actualisez la page pour suivre ce podcast."]</p>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
<div class="card-footer">
|
||
|
|
<h3 class="h6">@Localizer["Soutenir l'auteur"]</h3>
|
||
|
|
@if (Model.DonationPerformerIds.Contains(podcast.OwnerId))
|
||
|
|
{
|
||
|
|
<a asp-controller="Donation" asp-action="Create" asp-route-id="@podcast.OwnerId" class="btn btn-outline-success">
|
||
|
|
@Localizer["Faire un don à {0}", podcast.OwnerName]
|
||
|
|
</a>
|
||
|
|
<p class="small text-muted mt-2 mb-0">@Localizer["Don facultatif géré par Yavsc, payé via PayPal directement à l'auteur."]</p>
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
<p class="small text-muted mb-0">@Localizer["Cet auteur n'a pas encore activé les dons PayPal."]</p>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
|
||
|
|
@section scripts {
|
||
|
|
<script src="~/js/hls.light.min.js" asp-append-version="true"></script>
|
||
|
|
<script src="~/js/podcasts.js" asp-append-version="true"></script>
|
||
|
|
}
|