|
|
|
@ -28,8 +28,84 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="AudioVideoFullPlayer-content-37T7O hidden" style="bottom: 86px;">
|
|
|
|
|
<div class="AudioVideoPlayQueue-container-mD38o" style="background: #1b1b1b;">
|
|
|
|
|
<div class="AudioVideoFullPlayerContentHeadingContainer-headingContainer-2UyXv">
|
|
|
|
|
<div class="AudioVideoFullPlayerContentHeading-heading-1XO9q">Lire la liste de lecture</div>
|
|
|
|
|
<div class="AudioVideoPlayQueue-topContainer-3udEG">
|
|
|
|
|
<div class="AudioVideoPlayQueue-topLeft-_-AJU">
|
|
|
|
|
<span class="AudioVideoPlayQueue-count-1zBsg"><?php echo count($episodes); ?> élément</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="AudioVideoFullPlayerContentHeadingContainer-divider-1A1d_"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="AudioVideoPlayQueue-content-28l4x Scroller-vertical-VScFL Scroller-scroller-3GqQc Scroller-vertical-VScFL Scroller-auto-LsWiW" style="overflow-y: auto;">
|
|
|
|
|
<?php foreach ($episodes as $episode) : ?>
|
|
|
|
|
<div class="AudioVideoPlayQueueItemDragSource-container-3ncn7">
|
|
|
|
|
<div class="AudioVideoPlayQueueItem-container-2_nsg AudioVideoPlayQueueItem-isCurrentItem-3g1KW"
|
|
|
|
|
data-qa-id="playQueueItem">
|
|
|
|
|
<div class="AudioVideoPlayQueueItem-leftContainer-2xVS6">
|
|
|
|
|
<div class="EqualizerIcon-equalizer-2SoFA" style="width: 14px; height: 14px;">
|
|
|
|
|
<?php if($movie->id === $episode->id) : ?>
|
|
|
|
|
<div class="EqualizerIcon-bar-1nPot"
|
|
|
|
|
style="left: 0px; width: 3px; background-color: rgb(249, 190, 3); transition-duration: 467.145ms; transform: scaleY(0.2);"></div>
|
|
|
|
|
<div class="EqualizerIcon-bar-1nPot"
|
|
|
|
|
style="left: 5px; width: 3px; background-color: rgb(249, 190, 3); transition-duration: 409.912ms; transform: scaleY(0.2);"></div>
|
|
|
|
|
<div class="EqualizerIcon-bar-1nPot"
|
|
|
|
|
style="left: 10px; width: 3px; background-color: rgb(249, 190, 3); transition-duration: 477.391ms; transform: scaleY(0.2);"></div>
|
|
|
|
|
<?php else: ?>
|
|
|
|
|
<div class="EqualizerIcon-bar-1nPot"
|
|
|
|
|
style="left: 0px; width: 3px; background-color: rgb(255, 255, 255); transition-duration: 467.145ms; transform: scaleY(0.2);"></div>
|
|
|
|
|
<div class="EqualizerIcon-bar-1nPot"
|
|
|
|
|
style="left: 5px; width: 3px; background-color: rgb(255, 255, 255); transition-duration: 409.912ms; transform: scaleY(0.2);"></div>
|
|
|
|
|
<div class="EqualizerIcon-bar-1nPot"
|
|
|
|
|
style="left: 10px; width: 3px; background-color: rgb(255, 255, 255); transition-duration: 477.391ms; transform: scaleY(0.2);"></div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="AudioVideoPlayQueueItem-metadataContainer-w326I AudioVideoPlayerPlayQueueMetadata-container-sM2h0">
|
|
|
|
|
<div class="AudioVideoPlayerPlayQueueMetadata-cardContainer-vcGvj">
|
|
|
|
|
<?php if ($episode->type === 'movie') : ?>
|
|
|
|
|
<div class="AudioVideoPlayerPlayQueueMetadata-card-18P30 QuickSearchMetadataPosterCard-card-3_XFi MetadataPosterButtonCard-card-2T8TR" style="width: 36px; height: 54px;">
|
|
|
|
|
<?php else : ?>
|
|
|
|
|
<div class="AudioVideoPlayerPlayQueueMetadata-card-18P30 QuickSearchMetadataPosterCard-card-3_XFi MetadataPosterButtonCard-card-2T8TR" style="width: 64px; height: 36px;">
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
<div class="PosterCardImg-imageContainer-1Ar4M">
|
|
|
|
|
<?php if ($episode->type === 'movie') : ?>
|
|
|
|
|
<div style="background-image: url('/cover/movie?movie_id=<?php echo $episode->id; ?>&width=36&height=54'); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; z-index: 2;"class=""></div>
|
|
|
|
|
<?php else : ?>
|
|
|
|
|
<div style="background-image: url('/cover/movie?movie_id=<?php echo $episode->id; ?>&width=64&height=36&thumb=true'); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; z-index: 2;"class=""></div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</div>
|
|
|
|
|
<button aria-label="<?php echo $episode->year; ?>"
|
|
|
|
|
data-qa-id="metadataPosterPlayButton" tabindex="-1" role="button"
|
|
|
|
|
class="MetadataPosterButtonCard-playButton-aOV1E PlayButton-playButton-3WX8X Link-link-2XYrU Link-default-32xSO "
|
|
|
|
|
type="button">
|
|
|
|
|
<div class="MetadataPosterButtonCard-playCircle-366hc PlayButton-playCircle-3Evfd">
|
|
|
|
|
<i class="plex-icon-play-560 PlayButton-playIcon-dt3sk" aria-hidden="true"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="AudioVideoPlayerPlayQueueMetadata-titlesContainer-2G9lR" data-qa-id="playQueueTitleContainer">
|
|
|
|
|
<a data-qa-id="metadataTitleLink" title="<?php echo $episode->title; ?>" href="#!/server/11f086036e179128e7b077495e238d1c922d605c/details?key=%2Flibrary%2Fmetadata%2F37"
|
|
|
|
|
role="link" class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F Link-link-2XYrU Link-default-32xSO"><?php echo $episode->title; ?></a>
|
|
|
|
|
<span class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F MetadataPosterTitle-isSecondary-2VUxY "
|
|
|
|
|
data-qa-id="metadataYear"><?php echo $episode->year; ?></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="AudioVideoPlayQueueItem-metadataDurationContainer-184Jw AudioVideoPlayerPlayQueueMetadata-durationContainer-2dgI9">
|
|
|
|
|
<?php echo $episode->getDuration(); ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Quality choice -->
|
|
|
|
|
<div class="AudioVideoPlaybackSettings-container-2pTAj AudioVideoStripeContainer-container-MI02O" style="transform: translateY(246px)">
|
|
|
|
|
<div class="AudioVideoPlaybackSettings-container-2pTAj AudioVideoStripeContainer-container-MI02O"
|
|
|
|
|
style="transform: translateY(246px)">
|
|
|
|
|
<div class="AudioVideoPlaybackSettings-title-2MRYF">Configuration de la lecture</div>
|
|
|
|
|
<div class="AudioVideoPlaybackSettings-menusContainer-2bvbj" data-qa-id="playbackSettingsContainer">
|
|
|
|
|
<div class="AudioVideoSettingsRow-row-2CrSz ">
|
|
|
|
@ -86,13 +162,15 @@
|
|
|
|
|
<div class="AudioVideoPlayerControls-metadataContainer-3h2Oi AudioVideoPlayerControlsMetadata-container-2PqUx ">
|
|
|
|
|
<?php if ($movie->type === 'episode') : ?>
|
|
|
|
|
<div class="AudioVideoPlayerControlsMetadata-titlesContainer-1oLik">
|
|
|
|
|
<a title="<?php echo $movie->getTvShow()->title; ?>" href="/tvshow/<?php echo $movie->getTvShow()->id; ?>" role="link"
|
|
|
|
|
<a title="<?php echo $movie->getTvShow()->title; ?>"
|
|
|
|
|
href="/tvshow/<?php echo $movie->getTvShow()->id; ?>" role="link"
|
|
|
|
|
class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F Link-link-2XYrU Link-default-32xSO">
|
|
|
|
|
<?php echo $movie->getTvShow()->title; ?>
|
|
|
|
|
</a>
|
|
|
|
|
<span class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F MetadataPosterTitle-isSecondary-2VUxY ">
|
|
|
|
|
<span>
|
|
|
|
|
<a title="Saison <?php echo $movie->getSeason()->number; ?>" href="/season/<?php echo $movie->getSeason()->id; ?>" role="link"
|
|
|
|
|
<a title="Saison <?php echo $movie->getSeason()->number; ?>"
|
|
|
|
|
href="/season/<?php echo $movie->getSeason()->id; ?>" role="link"
|
|
|
|
|
class=" Link-link-2XYrU Link-default-32xSO">S<?php echo $movie->getSeason()->number; ?></a>
|
|
|
|
|
<span class="DashSeparator-separator-2a3yn">·</span>
|
|
|
|
|
<a title="<?php echo $movie->title; ?>" href="#" role="link"
|
|
|
|
@ -107,7 +185,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
<?php else : ?>
|
|
|
|
|
<div class="AudioVideoPlayerControlsMetadata-titlesContainer-1oLik">
|
|
|
|
|
<a title="<?php echo $movie->title; ?>" href="/movie/<?php echo $movie->id; ?>" role="link"
|
|
|
|
|
<a title="<?php echo $movie->title; ?>" href="/movie/<?php echo $movie->id; ?>"
|
|
|
|
|
role="link"
|
|
|
|
|
class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F Link-link-2XYrU Link-default-32xSO">
|
|
|
|
|
<?php echo $movie->title; ?>
|
|
|
|
|
</a>
|
|
|
|
@ -174,7 +253,8 @@
|
|
|
|
|
type="button"><i class="plex-icon-player-queue-560" aria-hidden="true"></i></button>
|
|
|
|
|
<span><button aria-label="Sourdine" title="Sourdine" data-qa-id="volumeButton" role="button"
|
|
|
|
|
class="PlayerIconButton-playerButton-1DmNp IconButton-button-2FVq6 Link-link-2XYrU Link-default-32xSO "
|
|
|
|
|
type="button"><i class="plex-icon-player-volume-high-560" aria-hidden="true"></i></button><div
|
|
|
|
|
type="button"><i class="plex-icon-player-volume-high-560"
|
|
|
|
|
aria-hidden="true"></i></button><div
|
|
|
|
|
class="VolumeSlider-slider-1QXdT Slider-slider-2oLVT Slider-hasAutoHideThumb-tpdhC"><div
|
|
|
|
|
class="VolumeSlider-track-2WJDz Slider-track-28JOS"><div
|
|
|
|
|
class="VolumeSlider-fill-3XkYy Slider-fill-35GFq"
|
|
|
|
@ -191,5 +271,5 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|