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>
<script type="text/javascript">
$(function () {
$(window).on('load', function() {
$(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) {
event.stopPropagation();
var movie_id = $(this).data('id');
@ -253,10 +253,14 @@
});
});
$('.PosterCardImg-imageContainer-1Ar4M[data-movie-id]').each(function (index, element) {
setTimeout(function () {
var movie_id = $(element).data('movie-id');
$('[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);
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")');
/** 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>

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

@ -126,7 +126,7 @@
</div>
<div class=" MetadataPosterCardOverlay-overlay-1uMpL">
<div class="MetadataPosterCardOverlay-background-2EwyB"></div>
<a href="/movie/<?php echo $episode->id; ?>"
<a href="/episode/<?php echo $episode->id; ?>"
role="link"
class="MetadataPosterCardOverlay-link-1Swhl Link-link-2XYrU Link-default-32xSO "></a>
<button tabindex="-1" role="button" data-id="<?php echo $episode->id; ?>"
@ -158,7 +158,7 @@
</div>
<div data-qa-id="metadataTitleContainer"
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;"
class=" MetadataPosterTitle-singleLineTitle-24_DN MetadataPosterTitle-title-3tU5F Link-link-2XYrU Link-default-32xSO">
<?php echo $episode->title; ?>
@ -188,7 +188,7 @@
</div>
</div>
<script type="text/javascript">
$(function () {
$(window).on('load', function() {
$(document).on('click', '.MetadataPosterCardOverlay-playButton-1fjhk.PlayButton-playButton-3WX8X', function (event) {
event.stopPropagation();
var movie_id = $(this).data('id');
@ -205,15 +205,17 @@
});
});
$('.PosterCardImg-imageContainer-1Ar4M[data-season-id]').each(function (index, element) {
setTimeout(function () {
var season_id = $(element).data('season-id');
$('[data-season-id="' + season_id + '"] > div').css('background-image', 'url("/cover/season?season_id='+ season_id +'&width='+ 260 +'&height='+ 390 +'")');
}, (index + 1) * 100);
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 +'")');
/** 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) {
setTimeout(function () {
var movie_id = $(element).data('movie-id');
$('[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);
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")');
});
</script>

@ -91,16 +91,18 @@
</div>
<div class="PrePlayRightTitle-rightTitle-VxiwU">
<span>
<?php foreach ($tvshow->metadata['Genre'] as $genre) : ?>
<?php $genre = isset($tvshow->metadata['Genre']['@attributes']) ? $tvshow->metadata['Genre'] : $genre; ?>
<span>
<a href="#" role="link"
class="PrePlayTagList-tagsListLink-Z6lfX Link-link-2XYrU Link-link-2XYrU Link-default-32xSO"><?php echo $genre['@attributes']['tag']; ?></a>,
</span>
<?php if (isset($tvshow->metadata['Genre']['@attributes'])) {
break;
} ?>
<?php endforeach; ?>
<?php if(isset($tvshow->metadata['Genre'])) :?>
<?php foreach ($tvshow->metadata['Genre'] as $genre) : ?>
<?php $genre = isset($tvshow->metadata['Genre']['@attributes']) ? $tvshow->metadata['Genre'] : $genre; ?>
<span>
<a href="#" role="link"
class="PrePlayTagList-tagsListLink-Z6lfX Link-link-2XYrU Link-link-2XYrU Link-default-32xSO"><?php echo $genre['@attributes']['tag']; ?></a>,
</span>
<?php if (isset($tvshow->metadata['Genre']['@attributes'])) {
break;
} ?>
<?php endforeach; ?>
<?php endif; ?>
</span>
</div>
</div>
@ -159,7 +161,7 @@
<div class="MetadataPosterCard-cardContainer-2gRcQ"
data-qa-id="metadataPosterCard--/library/metadata/28083">
<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="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;"
@ -226,18 +228,20 @@
</div>
</div>
<script type="text/javascript">
$(function () {
$(window).on('load', function() {
$('.PosterCardImg-imageContainer-1Ar4M[data-tvshow-id]').each(function (index, element) {
setTimeout(function () {
var tvshow_id = $(element).data('tvshow-id');
$('[data-tvshow-id="' + tvshow_id + '"] > div').css('background-image', 'url("/cover/tvshow?tvshow_id=' + tvshow_id + '&width=' + 260 + '&height=' + 390 + '")');
}, (index + 1) * 100);
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 + '")');
/** 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) {
setTimeout(function () {
var season_id = $(element).data('season-id');
$('[data-season-id="' + season_id + '"] > div').css('background-image', 'url("/cover/season?season_id=' + season_id + '&width=' + 126 + '&height=' + 189 + '")');
}, (index + 1) * 100);
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 + '")');
});
});
</script>
Loading…
Cancel
Save