| Server IP : 37.220.80.31 / Your IP : 18.218.132.6 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/modules/catalog/install/js/catalog/entity-card/src/tab/ |
Upload File : |
import {Dom, Event, Text, Type} from 'main.core';
import LazyLoader from './lazy-loader';
export default class Tab
{
constructor(id, settings)
{
this.id = Type.isStringFilled(id) ? id : Text.getRandom();
this.settings = Type.isObjectLike(settings) ? settings : {};
this.data = Type.isObjectLike(this.settings.data) ? this.settings.data : {};
this.manager = settings.manager || null;
this.container = this.settings.container;
this.menuContainer = this.settings.menuContainer;
this.active = Type.isBoolean(this.data.active) ? this.data.active : false;
this.enabled = Type.isBoolean(this.data.enabled) ? this.data.enabled : true;
Event.bind(
this.menuContainer.querySelector('a.catalog-entity-section-tab-link'),
'click',
this.onMenuClick.bind(this)
);
this.loader = null;
if (Type.isObjectLike(this.data.loader))
{
this.loader = new LazyLoader(this.id, {
...this.data.loader,
...{
tabId: this.id,
container: this.container
}
});
}
}
isEnabled()
{
return this.enabled;
}
isActive()
{
return this.active;
}
setActive(active)
{
active = !!active;
if (this.isActive() === active)
{
return;
}
this.active = active;
if (this.isActive())
{
this.showTab()
}
else
{
this.hideTab()
}
}
showTab()
{
Dom.addClass(this.container, 'catalog-entity-section-tab-content-show');
Dom.removeClass(this.container, 'catalog-entity-section-tab-content-hide');
Dom.addClass(this.menuContainer, 'catalog-entity-section-tab-current');
this.container.style.display = '';
this.container.style.position = 'absolute';
this.container.style.top = 0;
this.container.style.left = 0;
this.container.style.width = '100%';
(new BX.easing({
duration: 350,
start: {opacity: 0, translateX: 100},
finish: {opacity: 100, translateX: 0},
transition: BX.easing.makeEaseOut(BX.easing.transitions.quart),
step: (state) => {
this.container.style.opacity = state.opacity / 100;
this.container.style.transform = 'translateX(' + state.translateX + '%)';
},
complete: () => {
Dom.removeClass(this.container, 'catalog-entity-section-tab-content-show');
this.container.style.cssText = '';
Event.EventEmitter.emit(window, 'onEntityDetailsTabShow', [this]);
}
})).animate();
}
hideTab()
{
Dom.addClass(this.container, 'catalog-entity-section-tab-content-hide');
Dom.removeClass(this.container, 'catalog-entity-section-tab-content-show');
Dom.removeClass(this.menuContainer, 'catalog-entity-section-tab-current');
(new BX.easing({
duration: 350,
start: {opacity: 100},
finish: {opacity: 0},
transition: BX.easing.makeEaseOut(BX.easing.transitions.quart),
step: (state) => {
this.container.style.opacity = state.opacity / 100;
},
complete: () => {
this.container.style.display = 'none';
this.container.style.transform = 'translateX(100%)';
this.container.style.opacity = 0;
}
})).animate();
}
onMenuClick(event)
{
if (this.isEnabled())
{
if (this.loader && !this.loader.isLoaded())
{
this.loader.load();
}
this.manager.selectItem(this);
}
event.preventDefault()
}
}