"use strict";
const elem = document.querySelectorAll(".catalog__items"),
viewList = document.querySelector('.view-block__list'),
viewgrid = document.querySelector('.view-block__grid'),
gItemInner = document.querySelectorAll('.g-item__inner'),
gItemName = document.querySelectorAll('.g-item__name'),
gItemDesc = document.querySelectorAll('.g-item__desc'),
gItemOptions = document.querySelectorAll('.g-item__options');
/*Функция переключения на кнопке Лист*/
viewList.addEventListener('click', function() {
viewList.classList.add('view-block__list-active');
viewgrid.classList.remove('view-block__grid-active');
viewgrid.style.color = '#c4c4c4';
for (let i = 0; i < elem.length; i++) {
elem[i].style.cssText = 'display: block;';
}
for (let i = 0; i < gItemInner.length; i++) {
gItemInner[i].classList.add('g-item__inner-list');
}
gItemName.forEach((item) => {
item.classList.add('g-item__name-list');
});
/*Начало блока с описанием*/
gItemDesc.forEach((item) => {
item.classList.add('g-item__desc-list');
item.classList.remove('g-item__desc');
});
/*Конец блока с описанием*/
/*Начало блока с опциями*/
gItemOptions.forEach((item) => {
item.classList.add('g-item__options-list');
});
/*Конец блока с опциями*/
});
/*Функция переключения на кнопке Таблица*/
viewgrid.addEventListener('click', function() {
viewgrid.classList.add('view-block__grid-active');
viewgrid.style.color = '#000';
viewList.classList.remove('view-block__list-active');
for (let i = 0; i < elem.length; i++) {
elem[i].style.cssText =
"";
}
for (let i = 0; i < gItemInner.length; i++) {
gItemInner[i].classList.remove('g-item__inner-list');
}
gItemName.forEach((item) => {
item.classList.remove('g-item__name-list');
});
/*Блок с описанием*/
gItemDesc.forEach((item) => {
item.classList.add('g-item__desc');
item.classList.remove('g-item__desc-list');
});
/*Конец Блок с описанием*/
/*Начало блока с опциями*/
gItemOptions.forEach((item) => {
item.classList.remove('g-item__options-list');
});
/*Конец блока с опциями*/
});
viewList = document.querySelector('.view-block__list'),document.addEventListener('DOMContentLoaded', function () {
}