From 83737506c4af261e0f8df0173143ef9e7c4bb0ea Mon Sep 17 00:00:00 2001 From: gzbender Date: Sat, 3 Aug 2019 23:15:16 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BD=D0=B5=20=D1=80=D0=B0=D0=B1=D0=BE=D1=82?= =?UTF-8?q?=D0=B0=D1=8E=D1=82=20=D0=BF=D0=BE=D0=BF=D0=B0=D0=BF=D1=8B=20?= =?UTF-8?q?=D0=BD=D0=B0=20=D0=BD=D0=B5=D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B?= =?UTF-8?q?=D1=85=20=D1=83=D1=81=D1=82=D1=80=D0=BE=D0=B9=D1=81=D1=82=D0=B2?= =?UTF-8?q?=D0=B0=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/js/modules/popup.js | 206 ++++++++++++++++++------------------ 1 file changed, 103 insertions(+), 103 deletions(-) diff --git a/web/src/js/modules/popup.js b/web/src/js/modules/popup.js index 53d01af2..c22970d7 100644 --- a/web/src/js/modules/popup.js +++ b/web/src/js/modules/popup.js @@ -67,104 +67,6 @@ $(document).ready(function () { }); }; - $(".js-video-modal").each(function(){ - const $this = $(this); - const url = $this.data('videoUrl'); - if(! url){ - return; - } - let data; - let videoId; - let channel; - if(url.indexOf('youtu.be') > -1){ - videoId = url.split('youtu.be/')[1]; - channel = 'youtube'; - } - if(url.indexOf('youtube.com') > -1 && url.indexOf('watch') > -1){ - const m = /[?&]v=([^&]+)(&.+)?$/.exec(url); - channel = 'youtube'; - videoId = m && m[1]; - } - if(url.indexOf('vimeo.com') > -1){ - const split = url.split('/'); - channel = 'vimeo'; - videoId = split[split.length - 1]; - } - $this.attr('data-video-id', videoId); - $this.attr('data-video-url', ''); - $this.attr('data-channel', channel); - $this.modalVideo({ channel, jsapi: true }); - }); - - $(".js-video-modal").on('player-created', e => { - if(window.LIL_STORE.user.id || $(e.target).data('trialLesson') && Cookies.get(EMAIL_CAPTURED_COOKIE) - || ! $(e.target).data('freeLesson')){ - return; - } - const channel = $(e.target).data('channel'); - const player = e.detail.player; - let timeout = null; - const freeLesson = $(e.target).data('freeLesson') - const interval = 1000 * (freeLesson ? 180 : 60); // 1 min - const pauseVideo = () => { - timeout = setTimeout(() => { - clearTimeout(timeout); - const $modalVideo = $('.modal-video'); - if(! $modalVideo.length){ - return; - } - if(channel == 'youtube'){ - player.pauseVideo(); - } - else if(channel == 'vimeo'){ - player.pause(); - } - $modalVideo.css('opacity', 0); - if(freeLesson){ - popup = $('.js-popup-auth'); - showPopup(); - } - else{ - captureEmail(true).then(() => { - $modalVideo.css('opacity', 1); - Cookies.set(EMAIL_CAPTURED_COOKIE, 1); - if(channel == 'youtube'){ - player.playVideo(); - } - else if(channel == 'vimeo'){ - player.play(); - } - }).catch(() => { - $('.modal-video').remove(); - }); - } - }, interval); - } - if(channel == 'youtube'){ - window.onYTPlayerStateChange = (event) => { - if(event.data == YT.PlayerState.PLAYING && ! timeout){ - pauseVideo(); - } - if(event.data == YT.PlayerState.ENDED && timeout){ - clearTimeout(timeout); - } - } - player.addEventListener('onStateChange', 'onYTPlayerStateChange'); - } - else if (channel == 'vimeo'){ - player.on('play', () => { - if(! timeout){ - pauseVideo(); - } - }) - player.on('ended', () => { - if(timeout){ - clearTimeout(timeout); - } - }); - } - }); - body.on('click', '[data-popup]', function(e){ const $this = $(this); let data = $this.data('popup'); @@ -176,7 +78,7 @@ $(document).ready(function () { popup = $(data); - if(data === '.js-popup-buy') { + if(data == '.js-popup-buy') { popup.data('date-start', $this.data('date-start') || ''); popup.data('day', $this.data('day') || ''); popup.data('is-camp', $this.data('is-camp') || ''); @@ -229,7 +131,7 @@ $(document).ready(function () { updateCart(); } - if(data === '.js-popup-course-buy'){ + if(data == '.js-popup-course-buy'){ const updateCourseCart = () => { const $orderPrice = popup.find('.order_price_text'); const useBonuses = $bonusesCheckbox.prop('checked'); @@ -270,7 +172,7 @@ $(document).ready(function () { popup.data('next-url', nextUrl); } - if( data === '.js-popup-enter-gift-code') { + if( data == '.js-popup-enter-gift-code') { const $giftCode = popup.find('.enter-gift-code__code'); const $giftError = popup.find('.enter-gift-code__error'); $giftCode.val(''); @@ -287,7 +189,7 @@ $(document).ready(function () { const showDef = showPopup(); - if( data === '.js-popup-auth') { + if( data == '.js-popup-auth') { showDef.then(() => { const login = popup.find('.js-auth-login'); const pass = popup.find('.js-auth-pass'); @@ -296,7 +198,7 @@ $(document).ready(function () { }); } - if(data === '.js-popup-ref-link') { + if(data == '.js-popup-ref-link') { showDef.then(() => { $('#referrer-url').select(); }); @@ -333,6 +235,104 @@ $(document).ready(function () { showPopup(); } + $(".js-video-modal").each(function(){ + const $this = $(this); + const url = $this.data('videoUrl'); + if(! url){ + return; + } + let data; + let videoId; + let channel; + if(url.indexOf('youtu.be') > -1){ + videoId = url.split('youtu.be/')[1]; + channel = 'youtube'; + } + if(url.indexOf('youtube.com') > -1 && url.indexOf('watch') > -1){ + const m = /[?&]v=([^&]+)(&.+)?$/.exec(url); + channel = 'youtube'; + videoId = m && m[1]; + } + if(url.indexOf('vimeo.com') > -1){ + const split = url.split('/'); + channel = 'vimeo'; + videoId = split[split.length - 1]; + } + $this.attr('data-video-id', videoId); + $this.attr('data-video-url', ''); + $this.attr('data-channel', channel); + $this.modalVideo({ channel, jsapi: true }); + }); + + $(".js-video-modal").on('player-created', e => { + if(window.LIL_STORE.user.id || $(e.target).data('trialLesson') && Cookies.get(EMAIL_CAPTURED_COOKIE) + || ! $(e.target).data('freeLesson')){ + return; + } + const channel = $(e.target).data('channel'); + const player = e.detail.player; + let timeout = null; + const freeLesson = $(e.target).data('freeLesson') + const interval = 1000 * (freeLesson ? 180 : 60); // 1 min + const pauseVideo = () => { + timeout = setTimeout(() => { + clearTimeout(timeout); + const $modalVideo = $('.modal-video'); + if(! $modalVideo.length){ + return; + } + if(channel == 'youtube'){ + player.pauseVideo(); + } + else if(channel == 'vimeo'){ + player.pause(); + } + $modalVideo.css('opacity', 0); + if(freeLesson){ + popup = $('.js-popup-auth'); + showPopup(); + } + else{ + captureEmail(true).then(() => { + $modalVideo.css('opacity', 1); + Cookies.set(EMAIL_CAPTURED_COOKIE, 1); + if(channel == 'youtube'){ + player.playVideo(); + } + else if(channel == 'vimeo'){ + player.play(); + } + }).catch(() => { + $('.modal-video').remove(); + }); + } + }, interval); + } + if(channel == 'youtube'){ + window.onYTPlayerStateChange = (event) => { + if(event.data == YT.PlayerState.PLAYING && ! timeout){ + pauseVideo(); + } + if(event.data == YT.PlayerState.ENDED && timeout){ + clearTimeout(timeout); + } + } + player.addEventListener('onStateChange', 'onYTPlayerStateChange'); + } + else if (channel == 'vimeo'){ + player.on('play', () => { + if(! timeout){ + pauseVideo(); + } + }) + player.on('ended', () => { + if(timeout){ + clearTimeout(timeout); + } + }); + } + }); + if(window.LIL_STORE.user.id && window.LIL_STORE.user.hasNewBonuses && window.LIL_STORE.user.bonus > 0){ $(document).ready(() => { popup = $('.js-popup-bonuses-came');