https://ant-logistics.com/intro/blk/js/system-modules.js

1if (document.getElementById('highest-features-tab')) {
2    const maxModuleTabsHeight = getComputedStyle(document.getElementById('highest-features-tab'));
3    document.getElementById('features-block').style.height = maxModuleTabsHeight.height;
4}
5
6const systemModulesBtns = document.getElementsByClassName('module-item');
7const systemNodulesTabs = document.getElementsByClassName('features-wrap');
8for (let i = 0; i < systemModulesBtns.length; i++) {
9    systemModulesBtns[i].firstElementChild.addEventListener('click', function () {
10        const attribute = this.getAttribute('data-tab');
11        for (let j = 0; j < systemModulesBtns.length; j++) {
12            systemModulesBtns[j].classList.remove('module-item-selected');
13            if (systemNodulesTabs[j].getAttribute('data-tab') === attribute) {
14                systemNodulesTabs[j].style.opacity = '1';
15                systemNodulesTabs[j].style.zIndex = '1';
16            } else {
17                systemNodulesTabs[j].style.opacity = '0';
18                systemNodulesTabs[j].style.zIndex = '0';
19            }
20        }
21        this.parentElement.classList.add('module-item-selected');
22    });
23}
24
25const tabToSlideRight = document.getElementById('tabToSlideRight');
26const tabToSlideLeft = document.getElementById('tabToSlideLeft');
27const moduleItemsList = document.querySelector('.module-items-list');
28
29tabToSlideRight.addEventListener('click', function () {
30    moduleItemsList.scrollLeft += moduleItemsList.offsetWidth;
31});
32tabToSlideLeft.addEventListener('click', function () {
33    moduleItemsList.scrollLeft -= moduleItemsList.offsetWidth;
34})