Vulcan/packages/telescope-embedly/lib/client/post_thumbnail.js

40 lines
1.1 KiB
JavaScript

Template.post_thumbnail.onCreated(function () {
var instance = this;
instance.showVideo = new ReactiveVar(false);
});
Template.post_thumbnail.helpers({
playVideoClass: function () {
return (this.media && this.media.type === "video") ? 'post-thumbnail-has-video': '';
},
showVideo: function () {
return Template.instance().showVideo.get();
}
});
Template.post_thumbnail.events({
'click .post-thumbnail-has-video': function (e, instance) {
e.preventDefault();
instance.showVideo.set(true);
// use Meteor.defer to make sure the elements are rendered by Blaze
Meteor.defer(function () {
$('body').addClass('showing-lightbox');
$(e.target).parents('.post').find('.post-video-lightbox').fadeIn('fast');
$(".js-video").fitVids();
});
},
'click .post-video-lightbox-hide, click .post-video-lightbox': function (e, instance) {
e.preventDefault();
$(e.target).parents('.post').find('.post-video-lightbox').fadeOut('fast');
$('body').removeClass('showing-lightbox');
Meteor.defer(function () {
instance.showVideo.set(false);
});
}
});