1 2; /* Start:"a:4:{s:4:"full";s:135:"/bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/news/online-blog-25/bitrix/news.list/.default/script.js?17834133847092";s:6:"source";s:120:"/bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/news/online-blog-25/bitrix/news.list/.default/script.js";s:3:"min";s:0:"";s:3:"map";s:0:"";}"*/ 3$(document).ready(function () { 4 console.log('start blogging') 5 $(document).on('click', '.online-journal-reproduction-center', function () { 6 let tagId = $(this).attr('data-id'), 7 targetContainer = $('.online-journal-cards'), 8 targetContainer2 = $('.online-journal-interesting-block'), 9 targetContainer3 = $('.online-journal-video-block'), 10 historyContainer = $('.online-journal-content'); 11 if (tagId) { 12 $.post(window.location.href, {tag: tagId}) 13 .done(function (data) { 14 $('.online-journal-interesting-block').html('') 15 let filteredBlogItems = $(data).find('.online-journal-cards-block .online-journal-item-card') 16 let bigFilteredBlogItems = $(data).find('.online-journal-interesting-block .online-journal-interesting-block__wrapper') 17 let videoBlogItems = $(data).find('.online-journal-video-block .online-journal-video-content') 18 if (filteredBlogItems.length == 0 && bigFilteredBlogItems.length == 0 && videoBlogItems.length == 0) { 19 $('.online-journal-cards').html('') 20 $('.online-journal-cards2').html('') 21 $('.online-journal-video-block').html('') 22 targetContainer.html('<h4>ÐÐµÑ Ð¼Ð°ÑеÑиалов в ÑооÑвеÑÑÑвии Ñ Ñегами</h4>') 23 } 24 if (filteredBlogItems.length > 0) { 25 targetContainer.html(filteredBlogItems) 26 $('.online-journal-cards2').html('') 27 } 28 if (bigFilteredBlogItems.length > 0) { 29 $('.online-journal-cards').html('') 30 $('.online-journal-cards2').html('') 31 $('.online-journal-video-block').html('') 32 targetContainer2.html(bigFilteredBlogItems) 33 } 34 if (videoBlogItems.length > 0) { 35 $('.online-journal-cards').html('') 36 $('.online-journal-cards2').html('') 37 targetContainer3.html(videoBlogItems) 38 } 39 }) 40 } else { 41 $.post(window.location.href, {tag: tagId}) 42 .done(function (data) { 43 let tags = $(data).find('.online-journal-header') 44 let allItems = $(data).find('.online-journal-content') 45 $('.online-journal-wrapper').html('') 46 $('.online-journal-wrapper').append(tags) 47 $('.online-journal-wrapper').append(allItems) 48 const swiper = new Swiper('.online-journal-video-block', { 49 slidesPerView: 1, 50 spaceBetween: 24, 51 slidesToScroll: 1, 52 pagination: { 53 el: '.dots', 54 type: "bullets", 55 clickable: true, 56 bulletClass: "dot", 57 bulletActiveClass: "dot_active", 58 renderBullet: function (index, className) { 59 return '<div class="' + className + '"></div>'; 60 }, 61 }, 62 breakpoints: { 63 768: { 64 slidesPerView: 3, 65 slidesToScroll: 1, 66 spaceBetween: 24, 67 }, 68 }, 69 }); 70 }) 71 } 72 }) 73 74 75 // $('.online-journal-video-block').slick({ 76 // infinite: true, 77 // slidesToShow: 3, 78 // slidesToScroll: 1, 79 // // adaptiveHeight: true, 80 // // adaptiveWidth: true, 81 // dots: false,
82 // arrows: false 83 // }); 84 const swiper = new Swiper('.online-journal-video-block', { 85 slidesPerView: 1, 86 spaceBetween: 24, 87 slidesToScroll: 1, 88 pagination: { 89 el: '.dots', 90 type: "bullets", 91 clickable: true, 92 bulletClass: "dot", 93 bulletActiveClass: "dot_active", 94 renderBullet: function (index, className) { 95 return '<div class="' + className + '"></div>'; 96 }, 97 }, 98 breakpoints: { 99 768: { 100 slidesPerView: 3, 101 slidesToScroll: 1, 102 spaceBetween: 24, 103 }, 104 }, 105 }); 106 107 const videoBlocks = document.querySelectorAll('.online-journal-video-content'); 108 const players = []; 109 110 videoBlocks.forEach((block, index) => { 111 const videoId = `video${index + 1}`; 112 console.log(videoId) 113 const preview = block.querySelector('.video-preview-wrapper'); 114 const videoContainer = block.querySelector('.video-container'); 115 116 const player = videojs(videoId, { 117 controls: true, 118 autoplay: false, 119 fluid: true, 120 controlBar: { 121 children: [ 122 'progressControl', 123 'volumePanel', 124 'playToggle', 125 'timeDivider', 126 'durationDisplay' 127 ], 128 pictureInPictureToggle: false 129 } 130 }); 131 132 players.push(player); 133 134 player.controlBar.progressControl.on('mousedown', (e) => { 135 e.stopPropagation(); 136 }); 137 138 preview.addEventListener('click', () => { 139 preview.classList.remove('active'); 140 videoContainer.classList.add('active'); 141 player.play(); 142 }); 143 144 player.on(['ended', 'pause'], () => { 145 if (!player.seeking()) { 146 preview.classList.add('active'); 147 videoContainer.classList.remove('active'); 148 } 149 }); 150 151 player.on('seeked', () => { 152 if (!player.paused()) { 153 preview.classList.remove('active'); 154 } 155 }); 156 }); 157 158 document.addEventListener('click', (e) => { 159 const isVideoContent = !!e.target.closest('.online-journal-video-content'); 160 const isVideoControl = !!e.target.closest('.video-js, .vjs-control-bar, .vjs-control'); 161 162 if (!isVideoContent && !isVideoControl) { 163 players.forEach(player => { 164 if (!player.paused()) { 165 player.pause(); 166 const block = player.el().closest('.online-journal-video-content'); 167 block.querySelector('.video-preview-wrapper').classList.add('active'); 168 block.querySelector('.video-container').classList.remove('active'); 169 } 170 }); 171 } 172 }); 173}) 174/* End */ 175;; /* /bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/news/online-blog-25/bitrix/news.list/.default/script.js?17834133847092*/
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.