| Server IP : 37.220.80.31 / Your IP : 3.144.222.149 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/blocks/bitrix/28.personal_slider/ |
Upload File : |
;(function () {
"use strict";
// set additional slider options after block init for BOTTOM slider
BX.addCustomEvent("BX.Landing.Block:init", function (event) {
var relativeSelector = event.makeRelativeSelector("#carouselTEAM001");
if ($(relativeSelector).length > 0)
{
setSliderOptions(relativeSelector);
// generateNavSlider(event.block.id);
}
});
// we can't add card in slider - need destroy slider, clone DOM-element, save content in DB and reinit slider later
BX.addCustomEvent("BX.Landing.Block:Card:beforeAdd", function(event) {
// var bottomSliderId = 'carouselTEAM001';
// var bottomSliderElementClass = 'landing-block-card-bottom-slider-element';
// for BOTTOM slider
var relativeSelector = event.makeRelativeSelector("#" + bottomSliderId);
// save current slider position
// event.block.slickCurrentSlide2 = $(relativeSelector).slick("slickCurrentSlide");
if($(relativeSelector).length > 0)
$(relativeSelector).slick('unslick');
// find card from top slider in bottom slider and clone they node
// var bottomSliderElements = BX.findChildrenByClassName(BX(bottomSliderId), bottomSliderElementClass);
// dbg: need other method to find index - we have no card object already
// var bottomSliderEventNode = bottomSliderElements[event.card.getIndex()];
// BX.insertAfter(BX.clone(bottomSliderEventNode), bottomSliderEventNode);
});
// reinit slider after add new element in DOM
BX.addCustomEvent("BX.Landing.Block:Card:add", function (event) {
var relativeSelector = event.makeRelativeSelector("#carouselTEAM001");
if ($(relativeSelector).length > 0)
{
setSliderOptions(relativeSelector);
}
});
// set additional slider options after removing card
BX.addCustomEvent("BX.Landing.Block:Card:remove", function (event) {
var relativeSelector = event.makeRelativeSelector("#carouselTEAM001");
if ($(relativeSelector).length > 0)
{
setSliderOptions(relativeSelector);
}
});
// additional slider options
var setSliderOptions = function (selector) {
if ($(selector).length > 0)
{
$(selector).slick('setOption', 'responsive', [{
breakpoint: 1200,
settings: {
slidesToShow: 5
}
}, {
breakpoint: 992,
settings: {
slidesToShow: 4
}
}, {
breakpoint: 768,
settings: {
slidesToShow: 3
}
}, {
breakpoint: 576,
settings: {
slidesToShow: 2
}
}, {
breakpoint: 446,
settings: {
slidesToShow: 2
}
}], true);
}
};
var navSliderClass = "carContTest";
var personCardClass = "landing-block-card-person";
var personCardPhotoClass = "landing-block-node-person-photo";
var personCardNameClass = "landing-block-node-person-name";
var generateNavSlider = function(parent)
{
var container = BX.findChild(BX(parent), navSliderClass);
var persons = BX.findChildrenByClassName(BX(parent), personCardClass);
persons.forEach(function(person) {
var name = BX.findChildrenByClassName(person, personCardNameClass, false)[0].innerHTML;
var photo = BX.findChildrenByClassName(person, personCardPhotoClass, false);
// container.appendChild(BX.create("div", {
// 'html': '<div class="js-slide g-opacity-1 g-cursor-pointer g-px-15">' +
// '<img class="img-fluid mb-3" src="' + photo + '">' +
// '<h3 class="h6 g-color-text">' + name + '</h3>' +
// '</div>',
// 'props' : {
// 'className': 'asd'
// }
// }));
});
}
})();