Isset on vars, optimisation loading cover, add background blur

pull/9/head
Chewbaka69 6 years ago
parent 71c7405917
commit b2aede56a2

@ -237,7 +237,7 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(window).on('load', function() {
$(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) { $(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) {
event.stopPropagation(); event.stopPropagation();
var movie_id = $(this).data('id'); var movie_id = $(this).data('id');
@ -253,10 +253,14 @@
}); });
}); });
$('.PosterCardImg-imageContainer-1Ar4M[data-movie-id]').each(function (index, element) { $('.PosterCardImg-imageContainer-1Ar4M[data-movie-id]').each(function (index, element) {
setTimeout(function () { var movie_id = $(element).data('movie-id');
var movie_id = $(element).data('movie-id'); $('[data-movie-id="' + movie_id + '"] > div').css('background-image', 'url("/cover/movie?movie_id=' + movie_id + '&width=' + 325 + '&height=' + 183 + '&thumb=true")');
$('[data-movie-id="' + movie_id + '"] > div').css('background-image', 'url("/cover/movie?movie_id=' + movie_id + '&width=' + 260 + '&height=' + 146 + '&thumb=true")');
}, (index + 1) * 100); /** CHANGE BACKGROUND **/
var background = $('.background-container .FullPage-container-3qanw > div > div > div');
$(background).css('background-image', 'url("/cover/movie?movie_id='+ movie_id +'&width='+ 325 +'&height='+ 488 +'&thumb=true")');
$(background).css('filter', 'blur(100px)');
$(background).css('opacity', '0.3');
}); });
}); });
</script> </script>

@ -237,7 +237,8 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(window).on('load', function() {
/** LAUNCH PLAYER **/
$(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) { $(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) {
event.stopPropagation(); event.stopPropagation();
var movie_id = $(this).data('id'); var movie_id = $(this).data('id');
@ -252,11 +253,16 @@
console.error(data); console.error(data);
}); });
}); });
/** LOAD IMG **/
$('.PosterCardImg-imageContainer-1Ar4M[data-movie-id]').each(function (index, element) { $('.PosterCardImg-imageContainer-1Ar4M[data-movie-id]').each(function (index, element) {
setTimeout(function () { var movie_id = $(element).data('movie-id');
var movie_id = $(element).data('movie-id'); $('[data-movie-id="' + movie_id + '"] > div').css('background-image', 'url("/cover/movie?movie_id='+ movie_id +'&width='+ 325 +'&height='+ 488 +'")');
$('[data-movie-id="' + movie_id + '"] > div').css('background-image', 'url("/cover/movie?movie_id='+ movie_id +'&width='+ 260 +'&height='+ 390 +'")');
}, (index + 1) * 100); /** CHANGE BACKGROUND **/
var background = $('.background-container .FullPage-container-3qanw > div > div > div');
$(background).css('background-image', 'url("/cover/movie?movie_id='+ movie_id +'&width='+ 325 +'&height='+ 488 +'")');
$(background).css('filter', 'blur(100px)');
$(background).css('opacity', '0.3');
}); });
}); });
</script> </script>

@ -126,7 +126,7 @@
</div> </div>
<div class=" MetadataPosterCardOverlay-overlay-1uMpL"> <div class=" MetadataPosterCardOverlay-overlay-1uMpL">
<div class="MetadataPosterCardOverlay-background-2EwyB"></div> <div class="MetadataPosterCardOverlay-background-2EwyB"></div>
<a href="/movie/<?php echo $episode->id; ?>" <a href="/episode/<?php echo $episode->id; ?>"
role="link" role="link"
class="MetadataPosterCardOverlay-link-1Swhl Link-link-2XYrU Link-default-32xSO "></a> class="MetadataPosterCardOverlay-link-1Swhl Link-link-2XYrU Link-default-32xSO "></a>
<button tabindex="-1" role="button" data-id="<?php echo $episode->id; ?>" <button tabindex="-1" role="button" data-id="<?php echo $episode->id; ?>"
@ -158,7 +158,7 @@
</div> </div>
<div data-qa-id="metadataTitleContainer" <div data-qa-id="metadataTitleContainer"
class="MetadataPosterCell-titleContainer-24DI6"> class="MetadataPosterCell-titleContainer-24DI6">
<a title="<?php echo $episode->title; ?>" href="/movie/<?php echo $episode->id; ?>" <a title="<?php echo $episode->title; ?>" href="/tvshow/<?php echo $episode->id; ?>"
role="link" style="width: 192px;" role="link" style="width: 192px;"
class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F Link-link-2XYrU Link-default-32xSO"> class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F Link-link-2XYrU Link-default-32xSO">
<?php echo $episode->title; ?> <?php echo $episode->title; ?>
@ -188,7 +188,7 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(window).on('load', function() {
$(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) { $(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) {
event.stopPropagation(); event.stopPropagation();
var movie_id = $(this).data('id'); var movie_id = $(this).data('id');
@ -205,15 +205,17 @@
}); });
}); });
$('.PosterCardImg-imageContainer-1Ar4M[data-season-id]').each(function (index, element) { $('.PosterCardImg-imageContainer-1Ar4M[data-season-id]').each(function (index, element) {
setTimeout(function () { var season_id = $(element).data('season-id');
var season_id = $(element).data('season-id'); $('[data-season-id="' + season_id + '"] > div').css('background-image', 'url("/cover/season?season_id='+ season_id +'&width='+ 338 +'&height='+ 488 +'")');
$('[data-season-id="' + season_id + '"] > div').css('background-image', 'url("/cover/season?season_id='+ season_id +'&width='+ 260 +'&height='+ 390 +'")');
}, (index + 1) * 100); /** CHANGE BACKGROUND **/
var background = $('.background-container .FullPage-container-3qanw > div > div > div');
$(background).css('background-image', 'url("/cover/season?season_id='+ season_id +'&width='+ 325 +'&height='+ 488 +'")');
$(background).css('filter', 'blur(100px)');
$(background).css('opacity', '0.3');
}); });
$('.PosterCardImg-imageContainer-1Ar4M[data-movie-id]').each(function (index, element) { $('.PosterCardImg-imageContainer-1Ar4M[data-movie-id]').each(function (index, element) {
setTimeout(function () { var movie_id = $(element).data('movie-id');
var movie_id = $(element).data('movie-id'); $('[data-movie-id="' + movie_id + '"] > div').css('background-image', 'url("/cover/movie?movie_id='+ movie_id +'&width='+ 240 +'&height='+ 135 +'&thumb=true")');
$('[data-movie-id="' + movie_id + '"] > div').css('background-image', 'url("/cover/movie?movie_id='+ movie_id +'&width='+ 192 +'&height='+ 108 +'&thumb=true")');
}, (index + 1) * 100);
}); });
</script> </script>

@ -91,16 +91,18 @@
</div> </div>
<div class="PrePlayRightTitle-rightTitle-VxiwU"> <div class="PrePlayRightTitle-rightTitle-VxiwU">
<span> <span>
<?php foreach ($tvshow->metadata['Genre'] as $genre) : ?> <?php if(isset($tvshow->metadata['Genre'])) :?>
<?php $genre = isset($tvshow->metadata['Genre']['@attributes']) ? $tvshow->metadata['Genre'] : $genre; ?> <?php foreach ($tvshow->metadata['Genre'] as $genre) : ?>
<span> <?php $genre = isset($tvshow->metadata['Genre']['@attributes']) ? $tvshow->metadata['Genre'] : $genre; ?>
<a href="#" role="link" <span>
class="PrePlayTagList-tagsListLink-Z6lfX Link-link-2XYrU Link-link-2XYrU Link-default-32xSO"><?php echo $genre['@attributes']['tag']; ?></a>, <a href="#" role="link"
</span> class="PrePlayTagList-tagsListLink-Z6lfX Link-link-2XYrU Link-link-2XYrU Link-default-32xSO"><?php echo $genre['@attributes']['tag']; ?></a>,
<?php if (isset($tvshow->metadata['Genre']['@attributes'])) { </span>
break; <?php if (isset($tvshow->metadata['Genre']['@attributes'])) {
} ?> break;
<?php endforeach; ?> } ?>
<?php endforeach; ?>
<?php endif; ?>
</span> </span>
</div> </div>
</div> </div>
@ -159,7 +161,7 @@
<div class="MetadataPosterCard-cardContainer-2gRcQ" <div class="MetadataPosterCard-cardContainer-2gRcQ"
data-qa-id="metadataPosterCard--/library/metadata/28083"> data-qa-id="metadataPosterCard--/library/metadata/28083">
<div class="MetadataPosterCard-card-3bztR " <div class="MetadataPosterCard-card-3bztR "
style="width: 122px; height: 183px;"> style="width: 137px; height: 206px;">
<div class="MetadataPosterCardFace-face--dz_D MetadataPosterCardFace-poster-L2P6r MetadataPosterCardFace-faceFront-1bxHG "> <div class="MetadataPosterCardFace-face--dz_D MetadataPosterCardFace-poster-L2P6r MetadataPosterCardFace-faceFront-1bxHG ">
<div class="PosterCardImg-imageContainer-1Ar4M" data-season-id="<?php echo $season->id; ?>"> <div class="PosterCardImg-imageContainer-1Ar4M" data-season-id="<?php echo $season->id; ?>">
<div style="background-image: url(); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; z-index: 2;" <div style="background-image: url(); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; z-index: 2;"
@ -226,18 +228,20 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(window).on('load', function() {
$('.PosterCardImg-imageContainer-1Ar4M[data-tvshow-id]').each(function (index, element) { $('.PosterCardImg-imageContainer-1Ar4M[data-tvshow-id]').each(function (index, element) {
setTimeout(function () { var tvshow_id = $(element).data('tvshow-id');
var tvshow_id = $(element).data('tvshow-id'); $('[data-tvshow-id="' + tvshow_id + '"] > div').css('background-image', 'url("/cover/tvshow?tvshow_id=' + tvshow_id + '&width=' + 325 + '&height=' + 488 + '")');
$('[data-tvshow-id="' + tvshow_id + '"] > div').css('background-image', 'url("/cover/tvshow?tvshow_id=' + tvshow_id + '&width=' + 260 + '&height=' + 390 + '")');
}, (index + 1) * 100); /** CHANGE BACKGROUND **/
var background = $('.background-container .FullPage-container-3qanw > div > div > div');
$(background).css('background-image', 'url("/cover/tvshow?tvshow_id='+ tvshow_id +'&width='+ 325 +'&height='+ 488 +'")');
$(background).css('filter', 'blur(100px)');
$(background).css('opacity', '0.3');
}); });
$('.PosterCardImg-imageContainer-1Ar4M[data-season-id]').each(function (index, element) { $('.PosterCardImg-imageContainer-1Ar4M[data-season-id]').each(function (index, element) {
setTimeout(function () { var season_id = $(element).data('season-id');
var season_id = $(element).data('season-id'); $('[data-season-id="' + season_id + '"] > div').css('background-image', 'url("/cover/season?season_id=' + season_id + '&width=' + 179 + '&height=' + 258 + '")');
$('[data-season-id="' + season_id + '"] > div').css('background-image', 'url("/cover/season?season_id=' + season_id + '&width=' + 126 + '&height=' + 189 + '")');
}, (index + 1) * 100);
}); });
}); });
</script> </script>
Loading…
Cancel
Save