108 lines
2.4 KiB
JavaScript
108 lines
2.4 KiB
JavaScript
import './bootstrap';
|
|
import './star_rating';
|
|
|
|
import $ from 'jquery';
|
|
import Lightbox from "bs5-lightbox";
|
|
|
|
import './OwlCarousel2-2.3.4/dist/owl.carousel';
|
|
|
|
$('.show-slider').owlCarousel({
|
|
loop:true,
|
|
margin:10,
|
|
nav:true,
|
|
items: 7
|
|
});
|
|
|
|
$('.similar-show-slider').owlCarousel({
|
|
loop:true,
|
|
margin:10,
|
|
nav:true,
|
|
items: 7
|
|
});
|
|
|
|
const options = {
|
|
keyboard: true,
|
|
size: 'fullscreen'
|
|
};
|
|
|
|
document.querySelectorAll('.lightbox-toggle').forEach((el) => el.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
const lightbox = new Lightbox(el, options);
|
|
lightbox.show();
|
|
}));
|
|
|
|
$(".my-rating").starRating({
|
|
starSize: 20,
|
|
totalStars: 10,
|
|
callback: function(currentRating, $el){
|
|
let type = $($el[0]).data('type');
|
|
let id = $($el[0]).data('id');
|
|
|
|
let url = '/rate/'+type+'/'+id+'/'+currentRating;
|
|
|
|
var self = this
|
|
|
|
$.ajax({
|
|
url: url,
|
|
method: 'GET',
|
|
success: function(data){
|
|
$(self).attr('data-rating', currentRating)
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
$('.mark-as-seen-btn').on('click', function (e) {
|
|
e.preventDefault();
|
|
let url = '/lists/' + $(this).data('list') + '/' + $(this).data('id') + '/' + $(this).data('type');
|
|
var self = this
|
|
$.ajax({
|
|
url: url,
|
|
method: 'GET',
|
|
success: function(data){
|
|
if(data.added) {
|
|
$(self).addClass('seen');
|
|
} else {
|
|
$(self).removeClass('seen');
|
|
}
|
|
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$('.like-btn').on('click', function (e) {
|
|
e.preventDefault();
|
|
let url = '/lists/' + $(this).data('list') + '/' + $(this).data('id') + '/' + $(this).data('type');
|
|
var self = this
|
|
$.ajax({
|
|
url: url,
|
|
method: 'GET',
|
|
success: function(data){
|
|
if(data.added) {
|
|
$(self).addClass('liked');
|
|
} else {
|
|
$(self).removeClass('liked');
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$('.remove-from-watchlist').on('click', function(e){
|
|
e.preventDefault();
|
|
let url = '/lists/watched/' + $(this).data('id') + '/' + $(this).data('type');
|
|
var self = this
|
|
$.ajax({
|
|
url: url,
|
|
method: 'GET',
|
|
success: function(data){
|
|
if(!data.added) {
|
|
$(self).closest('.large-list-item').remove();
|
|
}
|
|
|
|
}
|
|
});
|
|
return false;
|
|
});
|