Участник:_DiWoD_:ru/common.js — различия между версиями

Версия 03:30, 18 сентября 2023

listSelectorObjBase = document.querySelectorAll('.list-selector-object');

for (var lsof_i = 0; lsof_i < listSelectorObjBase.length; lsof_i++) {
  document.querySelectorAll('.lso-tabs')[lsof_i].querySelectorAll('.lso-tab')[0].classList.add('lso-tab-active');
  document.querySelectorAll('.lso-lists')[lsof_i].querySelectorAll('.lso-list')[0].classList.add('lso-list-active');
  for (lsof_j = 0; lsof_j < listSelectorObjBase[lsof_i].querySelectorAll('.lso-tab').length; lsof_j++) {
    var item = listSelectorObjBase[lsof_i].querySelectorAll('.lso-tab')[lsof_j];
    item.addEventListener('click',
    function(lsof_event) {
      lsof_event.preventDefault();
      lsof_event.target.classList.add('lso-clickClass');
      for (lsof_c = 0; lsof_c < lsof_event.target.parentElement.querySelectorAll('.lso-tab').length; lsof_c++) {
        var lso_childTab = lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_c];
        var lso_childList = lsof_event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[lsof_c];
        lso_childTab.classList.remove('lso-tab-active');
        lso_childList.classList.remove('lso-list-active');
      }
      var lsof_k = 0;
      while (lsof_k < lsof_event.target.parentElement.querySelectorAll('.lso-tab').length) {
        if (lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.contains('lso-clickClass')) {
          lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.remove('lso-clickClass');
          lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.add('lso-tab-active');
          lsof_event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[lsof_k].classList.add('lso-list-active');
        }
        lsof_k++;
      }
    })
  }
}