Главная
Каталог
Взрывозащищенное оборудование
Взрывозащищенные Оповещатели
Сириус-ВЗ-М-Р Б-Л "Выход", зеленые буквы, белый фон, IP67, -60...+70С 1ExmbeIICT6 Gbx

Сириус-ВЗ-М-Р Б-Л "Выход", зеленые буквы, белый фон, IP67, -60...+70С 1ExmbeIICT6 Gbx

Наличие: по запросу

Сириус-ВЗ-М-Р Б-Л "Выход", зеленые буквы, белый фон, IP67, -60...+70С 1ExmbeIICT6 Gbx

В сравнение В избранное

Бренд:: СМД Компания

Артикул:

Цена за:: шт.

Розничная цена: По запросу

Мелкий опт: По запросу

В корзину

Наличие: по запросу

По запросу Розница

По запросу Мелкий опт

В корзину

В сравнение В избранное

Бренд:: СМД Компания

Артикул:

Цена за:: шт.

Оповещатели пожарные (табло) серии «Сириус ВЗ» предназначены для оповещения людей о пожаре с помощью светового информационного табло и звукового сигнала. Автономные аварийные светильники «Сириус ВЗ» предназначены для освещения коридоров и путей эвакуации. Оповещатели и аврийные светильники выпускаются в исполнениях, отличающихся: материалом корпуса; видом оповещения (свет, звук); напряжением питания; наличием резервного источника питания (Таблица 1). Оповещатели, в зависимости от вида исполнения взрывозащиты, могут применяться во взрывоопасных зонах классов 1 и 2 по ГОСТ 31610.10-2012 и в подземных выработках шахт, рудников и их наземных строениях. Знак «Х» в конце маркировки означает: для исключения возникновения разряда статического электричества, протирать оповещатель только влажной тканью, а также не подвергать светопропускающую часть механическим воздействиям.

</div> </section> </div> <section class="tdg-v2-product-info-card tdg-v2-product-info-card--properties tdg-v2-product-detail-pane" id="tab-properties" data-product-properties-card> <h3 class="tdg-v2-product-info-title">Характеристики</h3> <div class="tdg-v2-product-info-body list" data-product-properties-body> <dl class="section__catalogDetail-val" data-definition-row> <dt>- 40</dt> <dd class="line" aria-hidden="true"></dd> <dd>Полиамид и поликарбонат; Сталь 08, сталь ст.3; Нержавеющая сталь 12Х18Н10Т</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>Пластиковый корпус</dt> <dd class="line" aria-hidden="true"></dd> <dd>470х162х51 мм</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>Исполнение, режим</dt> <dd class="line" aria-hidden="true"></dd> <dd>Значение</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>-С, -СЗ12-24</dt> <dd class="line" aria-hidden="true"></dd> <dd>Постоянный ток =10В - 27Вdc</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>-С, -СЗ220</dt> <dd class="line" aria-hidden="true"></dd> <dd>Переменный ток ~165-250Вac, или Постоянный ток =200-350Вdc</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>Постоянный ток 10В – 27В</dt> <dd class="line" aria-hidden="true"></dd> <dd>150 мА</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>Переменный ток 220Вас или постоянный 200-350Вdc</dt> <dd class="line" aria-hidden="true"></dd> <dd>50 мА</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>Переменный ток ~220Вас или постоянный =200-350Вdc</dt> <dd class="line" aria-hidden="true"></dd> <dd>30 мА</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>-Р,</dt> <dd class="line" aria-hidden="true"></dd> <dd>3 час</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>Сталь, нержавеющая сталь</dt> <dd class="line" aria-hidden="true"></dd> <dd>466х160х41 мм</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>-П (пластиковый корпус)</dt> <dd class="line" aria-hidden="true"></dd> <dd>3 кг</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>-М (сталь)</dt> <dd class="line" aria-hidden="true"></dd> <dd>3,5 кг</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>-Н (нерж. сталь)</dt> <dd class="line" aria-hidden="true"></dd> <dd>3,5 кг</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>- л</dt> <dd class="line" aria-hidden="true"></dd> <dd>ПОЖАР цвет, цвет фона</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>Маркировка взрывозащиты</dt> <dd class="line" aria-hidden="true"></dd> <dd>РП Ex mb e I Мс Х/ 1Ex mb e IIC T6 Gb X РВ Ex d mb[ib] I Mb X/ 1Ex d mb[ib] IIC T6 Gb X</dd> </dl> <dl class="section__catalogDetail-val" data-definition-row> <dt>5 В DC</dt> <dd class="line" aria-hidden="true"></dd> <dd>6</dd> </dl> </div> <button class="tdg-v2-product-properties-toggle" type="button" data-product-properties-toggle hidden> <span data-product-properties-toggle-text>Посмотреть полностью</span> </button> </section> </div> <p class="tdg-v2-product-disclaimer"> * Технические характеристики и внешний вид оборудования, представленного в каталоге, носят исключительно информативный характер и могут быть изменены без уведомления. </p> </div> <div class="section__catalog"> </div> </div> </section> </div> <div class="redesign-legacy"> <footer class="rd-footer" id="contacts"> <div class="rd-background-color"></div> <div class="rd-container"> <div class="rd-row"> <div class="rd-col-2 rd-order-0"> <div class="rd-footer-brand"> <img src="https://tdg.ru/storage/media/a11edbdc-d70d-40fb-8caf-46a1f9416494/footer-logo-(1).svg" alt="Гарант" class="rd-footer-logo"> <p class="rd-footer-tagline">Комплексные поставки систем безопасности</p> </div> </div> <div class="rd-col-2 rd-order-0"> <div class="rd-footer-column"> <a href="https://tdg.ru/kompanija/">О компании</a> <a href="https://tdg.ru/delivery/">Доставка</a> <a href="https://tdg.ru/news/">Новости</a> </div> </div> <div class="rd-col-3 rd-order-0 rd-mb-0"> <div class="rd-footer-column rd-footer-column-secondary"> <a href="https://tdg.ru/garantya-i-service/">Сервис</a> <a href="https://tdg.ru/projects/">Проекты</a> <a href="https://tdg.ru/montazhnye-raboty/">Монтаж</a> <a href="https://tdg.ru/seminars/">Обучение</a> </div> </div> <div class="rd-col-3 rd-order-0 rd-mb-0"> <div class="rd-footer-contacts"> <div class="rd-contact-item"> <a href="mailto:mail@tdg.ru">mail@tdg.ru</a> </div> <div class="rd-contact-item"> <a href="tel:+78007000507">+7 800 7000-507</a> </div> <div class="rd-contact-item"> <a href="tel:+78124481616">+7 812 448-1616</a> </div> <div class="rd-contact-item"> <a href="tel:+78126002060">+7 812 600-2060</a> </div> </div> </div> <div class="rd-col-2 rd-order-0"> <div class="rd-footer-info"> <button type="button" class="rd-btn-catalog-footer btn-catalog-footer" data-rd-catalog-button data-rd-mobile-catalog-button> <img src="https://tdg.ru/assets/redesign/index/images/icons/catalog-icon.svg" alt=""> Каталог </button> <p class="rd-work-hours">с 9:30 до 18:00</p> <div class="rd-row"> <div class="rd-col-12"> </div> <div class="rd-col-6 rd-d-none"> <p class="rd-copyright rd-mb-1">2026 © ООО «Гарант»</p> <a href="https://tdg.ru/docs/privacy.pdf?u=1768442539" class="rd-footer-link rd-footer-link-privacy">Политика конфиденциальности</a> </div> </div> </div> </div> </div> <div class="rd-footer-divider"></div> <div class="rd-row rd-footer-downRow"> <div class="rd-col-3 rd-d-block"> <p class="rd-copyright">2026 © ООО «Гарант»</p> </div> <div class="rd-col-3 rd-d-block"> <a href="https://tdg.ru/docs/privacy.pdf?u=1768442539" class="rd-footer-link rd-footer-link-privacy">Политика конфиденциальности</a> </div> <div class="rd-col-3"> <a href="https://tdg.ru/docs/agreement.pdf?u=1768442539" class="rd-footer-link">Согласие на обработку персональных данных</a> </div> <div class="rd-col-3"> </div> </div> </div> </footer> </div> </main> <div class="copy-holder"> <button class="copy-holder__cloce"> <img src="/assets/web/img/svg/cloce.svg?u=1773696021" alt="Закрыть"> </button> <span>Код скопирован </span> </div> <div class="mobile-menu" data-home-url="https://tdg.ru/"> <div class="mobile-menu__container"> <div class="mobile-menu__shell"> <div class="mobile-menu__top"> <div class="mobile-menu__heading">Считыватели</div> <button class="mobile-menu__cloce modal-esc"> <img src="/assets/web/img/svg/cloce.svg" alt="Закрыть окно"> </button> </div> <div class="mobile-menu__crambs breadcrumbs"> <div class="breadcrumbs__container"> <div class="breadcrumbs__row"> <div class="mask"></div> <ul> <li> <a href="https://tdg.ru/" class="breadcrumbs__home"> <span class="breadcrumbs__home-text">Главная</span> </a> </li> </ul> </div> </div> </div> <button class="mobile-menu__back"> <img src="/assets/web/img/svg/arrow-dark.svg" alt=""> <span>Назад</span> </button> <div class="mobile-menu__wrapper"></div> </div> </div> </div> <div class="modals"> <div class="modal-overlay"> <div class="modal specific -offset" data-target="modal-specific"> <div class="specific__body modal__body"> <div class="specific__cloce modal-close modal-esc"> <img src="/assets/web/img/svg/cloce.svg?u=1773696021" alt="Закрыть окно"> </div> <div class="modal__title"> <div class="modal__title-heading">Отправка спецификации</div> </div> <form action="https://tdg.ru/specification/" class="specific__form -column" data-send="async" method="POST" data-form="specification"> <div class="specific__box"> <div class="input " > <button type="button" aria-label="Очистить поле" class="input__clean"> <img src="/assets/web/img/svg/clean.svg?u=1773696021" alt=""> </button> <input type="text" class="input__item" autocomplete="email" id="field-5ef263be-1ed6-480a-a75c-c97cb7e664ff" value="" name="email"> <label for="field-5ef263be-1ed6-480a-a75c-c97cb7e664ff" class="input__label">Введите e-mail *</label> <div class="input__descr"></div> </div> </div> <div class="specific__box -column input" data-file> <div class="specific__title"> Загрузка реквизитов </div> <div class="file"> <input type="file" class="file__item" placeholder="" multiple name="requisites[]" id="specification-requisites" aria-label="Прикрепите файл реквизитов"> <label for="specification-requisites" class="file__label">Прикрепите файл</label> <span><img src="/assets/web/img/svg/folder.svg?u=1773696021" alt=""></span> </div> <div style="color: #1e4db0; margin-bottom: -15px"> Допускается загрузка файлов весом не > 10мб </div> <div class="input__descr"></div> <div class="specific__wrapper scroll"> <div class="scroll__panel"> <div class="scroll__thumb"></div> </div> <div class="specific__buttons scroll__contant -column" data-files-container> <template> <button type="button" class="specific__remove -row-wrap"> <span data-file-text="name"></span> <img src="/assets/web/img/svg/remove.svg?u=1773696021" alt=""> </button> </template> </div> </div> </div> <div class="specific__box -column input" data-file> <div class="specific__title"> Загрузка рабочей документации </div> <div class="file"> <input type="file" class="file__item" placeholder="" multiple name="docs[]" id="specification-documents" aria-label="Прикрепите файл рабочей документации"> <label for="specification-documents" class="file__label">Прикрепите файл</label> <span><img src="/assets/web/img/svg/folder.svg?u=1773696021" alt=""></span> </div> <div style="color: #1e4db0; margin-bottom: -15px"> Допускается загрузка файлов весом не > 10мб </div> <div class="input__descr"></div> <div class="specific__wrapper scroll"> <div class="scroll__panel"> <div class="scroll__thumb"></div> </div> <div class="specific__buttons scroll__contant -column" data-files-container> <template> <button type="button" class="specific__remove -row-wrap"> <span data-file-text="name"></span> <img src="/assets/web/img/svg/remove.svg?u=1773696021" alt=""> </button> </template> </div> </div> </div> <div class="input"> <button type="button" aria-label="Очистить поле" class="input__clean"> <img src="/assets/web/img/svg/clean.svg?u=1773696021" alt=""> </button> <textarea class="input__item" autocomplete="off" id="field-52ee36d8-cdf1-4fb0-b5da-0b1f0a3720f2" name="comment"></textarea> <label for="field-52ee36d8-cdf1-4fb0-b5da-0b1f0a3720f2" class="input__label">Комментарий</label> <div class="input__descr"></div> </div> <div class="specific__box"> <div class="login__politick"> Нажимая на кнопку «Отправить», вы даёте согласие на обработку своих <a class="main-link -invert" href="/docs/agreement.pdf?u=1774144203">персональных данных</a>. </div> </div> <div class="smart-captcha"></div> <div class="specific__bottom -row"> <button type="submit" class="specific__btn btn"> <span>Отправить</span> </button> <button type="button" class="specific__btn btn -stroke modal-close"> <span>Отмена</span> </button> </div> <div class="form-message"></div> </form> </div> </div> <style> .rd-auth-overlay { position: fixed; inset: 0; background: rgba(18, 27, 44, .55); display: none; z-index: 2000; } .rd-auth-overlay.is-visible { display: block; } .rd-auth-modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(450px, calc(100vw - 32px)); max-height: calc(100vh - 32px); background: #fff; border-radius: 18px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); display: none; z-index: 2001; height: min-content !important; overflow: hidden; } @supports (max-height: 100dvh) { .rd-auth-modal { max-height: calc(100dvh - 32px); } } .rd-auth-modal.is-visible, .rd-auth-modal.modal--visible { display: block; } .rd-auth-modal__body { width: 100% !important; max-height: inherit !important; padding: 24px; overflow-y: auto; border-radius: 18px; box-shadow: none; } .rd-auth-modal__close { position: absolute; right: 12px; top: 12px; width: 34px; height: 34px; border: 0; background: #f0f3f8; border-radius: 50%; font-size: 18px; line-height: 1; cursor: pointer; } .rd-auth-modal__title { margin: 0 0 14px; color: #0f172a; font-size: 22px; font-weight: 700; } .rd-auth-field { margin-bottom: 12px; } .rd-auth-field label { display: block; margin-bottom: 6px; color: #334155; font-size: 13px; } .rd-auth-field input { width: 100%; border: 1px solid #cbd5e1; border-radius: 10px; padding: 11px 12px; font-size: 14px; } .rd-auth-row { display: flex; gap: 10px; } .rd-auth-tabs { display: flex; gap: 8px; margin-bottom: 12px; } .rd-auth-tab { border: 1px solid #cbd5e1; border-radius: 999px; background: #fff; color: #0f172a; padding: 7px 12px; cursor: pointer; } .rd-auth-tab.is-active { background: #0f172a; color: #fff; border-color: #0f172a; } .rd-auth-btn { width: 100%; border: 0; border-radius: 10px; background: var(--tdg-color-accent); color: #fff; padding: 12px; font-weight: 600; cursor: pointer; margin-top: 25px; } .rd-auth-link { border: 0; background: transparent; color: #2563eb; padding: 0; cursor: pointer; margin-top: 10px; font-size: 14px; } .rd-auth-message { min-height: 18px; margin-top: 10px; font-size: 13px; color: #dc2626; } .rd-auth-note { margin-top: 8px; color: #64748b; font-size: 12px; } .rd-auth-checkbox { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; color: #475569; font-size: 13px; line-height: 1.35; cursor: pointer; } .rd-auth-checkbox input { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; accent-color: #d72638; border: 1px solid #94a3b8; border-radius: 4px; background: #fff; display: block; opacity: 1; visibility: visible; } .rd-auth-checkbox input:checked { background: #d72638; border-color: #d72638; } .rd-auth-checkbox a { color: #2563eb; } .rd-auth-hidden { display: none !important; } .rd-auth-timer { margin-top: 8px; color: #64748b; font-size: 13px; } body.rd-auth-locked { overflow: hidden; } @media (max-width: 767px) { .rd-auth-modal { width: calc(100vw - 24px); max-height: calc(100vh - 24px); border-radius: 14px; } @supports (max-height: 100dvh) { .rd-auth-modal { max-height: calc(100dvh - 24px); } } .rd-auth-modal__body { padding: 22px 16px 18px; border-radius: 14px; } .rd-auth-modal__title { margin-right: 34px; font-size: 20px; line-height: 1.2; } .rd-auth-tabs { flex-wrap: wrap; } .rd-auth-tab { min-height: 34px; padding: 7px 11px; font-size: 14px; } .rd-auth-field input { min-height: 44px; font-size: 16px; } .rd-auth-btn { min-height: 44px; } } </style> <div class="rd-auth-overlay" data-rd-auth-overlay></div> <div class="rd-auth-modal modal login -step" data-rd-auth-modal="register" data-target="register"> <button class="rd-auth-modal__close modal-close modal-esc" type="button" data-rd-auth-close aria-label="Закрыть окно">×</button> <div class="rd-auth-modal__body login__body modal__body"> <div class="rd-auth-modal__title">Вход или регистрация</div> <form data-rd-auth-form="register" action="https://tdg.ru/auth/by-code/" method="post"> <input type="hidden" name="_token" value="8vpeNegO2kOlKTm0vgMlVMyHmlGwVu3TtDxVRtru" autocomplete="off"> <div class="rd-auth-tabs"> <button type="button" class="rd-auth-tab is-active" data-rd-tab="phone">Телефон</button> <button type="button" class="rd-auth-tab" data-rd-tab="email">Почта</button> </div> <div class="rd-auth-field" data-rd-input="phone"> <label for="account-field-phone-1">Номер телефона</label> <input id="account-field-phone-1" name="phone" type="text" autocomplete="tel" inputmode="tel" placeholder="+7 (___) ___-__-__"> </div> <div class="rd-auth-field rd-auth-hidden" data-rd-input="email"> <label for="account-field-email-2">E-mail</label> <input id="account-field-email-2" name="email" type="email" autocomplete="email"> </div> <div class="smart-captcha"></div> <label class="rd-auth-checkbox"> <input name="personal_data_agreement" type="checkbox" value="1" required> <span>Я согласен на обработку <a href="/docs/agreement.pdf?u=1768442539" target="_blank" rel="noopener">персональных данных</a></span> </label> <button class="rd-auth-btn" type="submit" data-rd-submit>Получить код</button> <div class="rd-auth-timer rd-auth-hidden" data-rd-timer-row>Новый код можно запросить через <span data-rd-timer>00:00</span></div> <button class="rd-auth-link" type="button" data-rd-open="login">Вход по паролю</button> <div class="rd-auth-note">Нажимая «Получить код», вы соглашаетесь с политикой конфиденциальности.</div> <div class="rd-auth-message" data-rd-message role="status" aria-live="polite"></div> </form> </div> </div> <div class="rd-auth-modal modal login -step" data-rd-auth-modal="login" data-target="login"> <button class="rd-auth-modal__close modal-close modal-esc" type="button" data-rd-auth-close aria-label="Закрыть окно">×</button> <div class="rd-auth-modal__body login__body modal__body"> <div class="rd-auth-modal__title">Вход с паролем</div> <form data-rd-auth-form="login" action="https://tdg.ru/auth/by-password/" method="post"> <input type="hidden" name="_token" value="8vpeNegO2kOlKTm0vgMlVMyHmlGwVu3TtDxVRtru" autocomplete="off"> <div class="rd-auth-field"> <label for="account-field-login-3">Мобильный телефон / E-mail</label> <input id="account-field-login-3" name="login" type="text" autocomplete="username"> </div> <div class="rd-auth-field"> <label for="account-field-password-4">Пароль</label> <input id="account-field-password-4" name="password" type="password" autocomplete="current-password"> </div> <div class="smart-captcha"></div> <button class="rd-auth-btn" type="submit">Войти</button> <button class="rd-auth-link" type="button" data-rd-open="forgot-password">Забыли пароль?</button> <button class="rd-auth-link" type="button" data-rd-open="register">Войти по смс</button> <div class="rd-auth-message" data-rd-message role="status" aria-live="polite"></div> </form> </div> </div> <div class="rd-auth-modal modal login -step" data-rd-auth-modal="verification" data-target="verification"> <button class="rd-auth-modal__close modal-close modal-esc" type="button" data-rd-auth-close aria-label="Закрыть окно">×</button> <div class="rd-auth-modal__body login__body modal__body"> <div class="rd-auth-modal__title">Введите код подтверждения</div> <div class="rd-auth-note" data-rd-verify-address></div> <form data-rd-auth-form="verification" action="https://tdg.ru/auth/confirm/" method="post"> <input type="hidden" name="_token" value="8vpeNegO2kOlKTm0vgMlVMyHmlGwVu3TtDxVRtru" autocomplete="off"> <div class="rd-auth-field"> <label for="account-field-code-5">Код подтверждения</label> <input id="account-field-code-5" name="code" type="text" autocomplete="one-time-code"> </div> <button class="rd-auth-btn" type="submit">Подтвердить</button> <button class="rd-auth-link" type="button" data-rd-open="register">Запросить новый код</button> <button class="rd-auth-link" type="button" data-rd-open="login">Вход по паролю</button> <div class="rd-auth-message" data-rd-message role="status" aria-live="polite"></div> </form> </div> </div> <div class="rd-auth-modal modal login -step" data-rd-auth-modal="forgot-password" data-target="forgot-password"> <button class="rd-auth-modal__close modal-close modal-esc" type="button" data-rd-auth-close aria-label="Закрыть окно">×</button> <div class="rd-auth-modal__body login__body modal__body"> <div class="rd-auth-modal__title">Восстановление пароля</div> <form data-rd-auth-form="forgot-password" action="https://tdg.ru/password-forgot/" method="post"> <input type="hidden" name="_token" value="8vpeNegO2kOlKTm0vgMlVMyHmlGwVu3TtDxVRtru" autocomplete="off"> <div class="rd-auth-field"> <label for="account-field-email-6">Введите ваш E-mail</label> <input id="account-field-email-6" name="email" type="email" autocomplete="email"> </div> <div class="smart-captcha"></div> <button class="rd-auth-btn" type="submit">Отправить</button> <button class="rd-auth-link" type="button" data-rd-open="login">Вход по паролю</button> <div class="rd-auth-message" data-rd-message role="status" aria-live="polite"></div> </form> </div> </div> <script> (function () { const overlay = document.querySelector('[data-rd-auth-overlay]'); if (!overlay) return; const csrf = document.querySelector('meta[name="csrf-token"]')?.content || ''; const lockBody = (lock) => document.body.classList.toggle('rd-auth-locked', lock); const getModal = (name) => document.querySelector(`[data-rd-auth-modal="${name}"]`); const closeAll = () => { document.querySelectorAll('[data-rd-auth-modal]').forEach((el) => { el.classList.remove('is-visible'); el.classList.remove('modal--visible'); }); overlay.classList.remove('is-visible'); const legacyOverlay = document.querySelector('.modal-overlay'); if (legacyOverlay) { legacyOverlay.classList.remove('modal-overlay--visible'); } lockBody(false); }; const open = (name) => { const modal = getModal(name); if (!modal) return; closeAll(); modal.classList.add('is-visible'); modal.classList.add('modal--visible'); overlay.classList.add('is-visible'); const legacyOverlay = document.querySelector('.modal-overlay'); if (legacyOverlay) { legacyOverlay.classList.add('modal-overlay--visible'); } lockBody(true); }; window.popup = { open, close: closeAll }; overlay.addEventListener('click', closeAll); document.querySelectorAll('[data-rd-auth-close]').forEach((btn) => btn.addEventListener('click', closeAll)); document.querySelectorAll('[data-rd-open]').forEach((btn) => btn.addEventListener('click', () => open(btn.getAttribute('data-rd-open')))); document.addEventListener('click', (e) => { const trigger = e.target.closest('.modal-btn'); if (!trigger) return; const target = trigger.getAttribute('data-path'); if (!target) return; e.preventDefault(); open(target); }); const setMessage = (form, text, ok = false) => { const el = form.querySelector('[data-rd-message]'); if (!el) return; el.textContent = text || ''; el.style.color = ok ? '#15803d' : '#dc2626'; }; const resetSmartCaptcha = (form) => { if (!form || typeof window.smartCaptcha === 'undefined') return; const widget = form.querySelector('[data-smart-captcha]'); if (!widget) return; const widgetId = widget.getAttribute('data-smart-captcha'); if (widgetId === null || widgetId === '') return; window.smartCaptcha.reset(widgetId); }; const formatTimer = (seconds) => { const s = Math.max(0, Number(seconds) || 0); const m = String(Math.floor(s / 60)).padStart(2, '0'); const sec = String(s % 60).padStart(2, '0'); return `${m}:${sec}`; }; const normalizePhoneDigits = (value) => { const digits = String(value || '').replace(/\D/g, ''); if (!digits) return ''; if (digits.startsWith('8')) return `7${digits.slice(1, 11)}`; if (digits.startsWith('7')) return digits.slice(0, 11); return `7${digits.slice(0, 10)}`; }; const formatPhoneMask = (value) => { const normalized = normalizePhoneDigits(value); if (!normalized) return '+7'; const local = normalized.slice(1, 11); const p1 = local.slice(0, 3); const p2 = local.slice(3, 6); const p3 = local.slice(6, 8); const p4 = local.slice(8, 10); let result = '+7'; if (p1) result += ` (${p1}`; if (p1.length === 3) result += ')'; if (p2) result += ` ${p2}`; if (p3) result += `-${p3}`; if (p4) result += `-${p4}`; return result; }; const bindPhoneMask = (input) => { if (!input || input.dataset.phoneMaskBound === '1') return; input.dataset.phoneMaskBound = '1'; input.setAttribute('maxlength', '18'); input.addEventListener('focus', () => { if (!input.value) input.value = '+7'; }); input.addEventListener('input', () => { input.value = formatPhoneMask(input.value); }); input.addEventListener('blur', () => { const normalized = normalizePhoneDigits(input.value); if (!normalized || normalized.length <= 1) input.value = ''; }); }; let timerRef = null; const startTimer = (seconds) => { const row = document.querySelector('[data-rd-timer-row]'); const time = document.querySelector('[data-rd-timer]'); const submit = document.querySelector('[data-rd-auth-form="register"] [data-rd-submit]'); if (!row || !time || !submit) return; let left = Number(seconds) || 0; if (left <= 0) return; row.classList.remove('rd-auth-hidden'); submit.setAttribute('disabled', 'disabled'); submit.style.opacity = '.65'; if (timerRef) clearInterval(timerRef); time.textContent = formatTimer(left); timerRef = setInterval(() => { left -= 1; time.textContent = formatTimer(left); if (left <= 0) { clearInterval(timerRef); timerRef = null; row.classList.add('rd-auth-hidden'); submit.removeAttribute('disabled'); submit.style.opacity = ''; } }, 1000); }; const submitForm = async (form) => { const body = new FormData(form); const res = await fetch(form.action, { method: 'POST', body, headers: { 'X-CSRF-TOKEN': csrf, 'Accept': 'application/json' }, credentials: 'same-origin', }); let json = null; try { json = await res.json(); } catch (_) { json = null; } if (!res.ok) { const firstError = Object.values(json?.errors || {})[0]; const validationMessage = Array.isArray(firstError) ? firstError[0] : firstError; const msg = validationMessage || json?.message || 'Ошибка запроса'; throw new Error(msg); } return json || {}; }; const onSuccess = (form, json) => { const key = form.getAttribute('data-rd-auth-form'); const redirect = json?.redirect || json?.data?.redirect; if (key === 'register') { const verify = json?.data?.verify; if (verify) { const address = json?.data?.email ? `Ваш E-mail: ${json.data.email}` : (json?.data?.phone ? `Ваш номер: ${json.data.phone}` : ''); const verifyAddress = document.querySelector('[data-rd-verify-address]'); if (verifyAddress) verifyAddress.textContent = address; if (json?.data?.code) { const codeInput = document.querySelector('[data-rd-auth-form="verification"] input[name="code"]'); if (codeInput) codeInput.value = json.data.code; } if (json?.data?.timer) startTimer(json.data.timer); open('verification'); return; } } if (key === 'forgot-password') { setMessage(form, json?.message || 'Письмо отправлено', true); resetSmartCaptcha(form); return; } if (redirect) { window.location.href = redirect; return; } if (json?.message) setMessage(form, json.message, true); resetSmartCaptcha(form); }; document.querySelectorAll('[data-rd-auth-form]').forEach((form) => { form.addEventListener('submit', async (e) => { e.preventDefault(); setMessage(form, ''); try { const json = await submitForm(form); onSuccess(form, json); } catch (err) { setMessage(form, err.message || 'Ошибка'); resetSmartCaptcha(form); } }); }); const registerForm = document.querySelector('[data-rd-auth-form="register"]'); if (registerForm) { registerForm.querySelectorAll('input[name="phone"]').forEach(bindPhoneMask); const tabs = registerForm.querySelectorAll('[data-rd-tab]'); const inputs = registerForm.querySelectorAll('[data-rd-input]'); tabs.forEach((tab) => tab.addEventListener('click', () => { const type = tab.getAttribute('data-rd-tab'); tabs.forEach((t) => t.classList.toggle('is-active', t === tab)); inputs.forEach((item) => item.classList.toggle('rd-auth-hidden', item.getAttribute('data-rd-input') !== type)); if (type === 'phone') { const email = registerForm.querySelector('input[name="email"]'); if (email) email.value = ''; } else { const phone = registerForm.querySelector('input[name="phone"]'); if (phone) phone.value = ''; } })); } })(); </script> <div class="modal login -step" data-target="specification-success"> <div class="login__body modal__body"> <div class="login__cloce modal-close modal-esc"> <img src="/assets/web/img/svg/cloce.svg?u=1773696021" alt="Закрыть окно"> </div> <div class="login__wrapper"> <div class="login__form -column"> <div class="login__title -left"> <div class="login__title-heading">Спасибо!</div> <p>Спецификация успешно отправлена</p> </div> </div> </div> </div> </div> <div class="modal login -step" data-target="modal-confirm"> <div class="login__body modal__body"> <div class="login__cloce modal-close modal-esc"> <img src="/assets/web/img/svg/cloce.svg?u=1773696021" alt="Закрыть окно"> </div> <div class="login__wrapper"> <div class="login__form -column"> <div class="login__title -left"> <div class="login__title-heading">Внимание!</div> <div class="login__subtitle" data-confirm="message">123</div> </div> <div class="login__buttons -row"> <button type="button" class="login__btn btn -red" data-confirm="true"> <span>Удалить</span> </button> <button type="button" class="login__btn btn -stroke" data-confirm="false"> <span>Не удалять</span> </button> </div> </div> </div> </div> </div> <div class="modal" data-target="popup-fragment" id="popup-fragment"> <div class="modal__body"> <div class="modal-close modal-esc"> <img src="/assets/web/img/svg/cloce.svg?u=1773696021" alt="Закрыть окно"> </div> <div class="modal__title"><div class="modal__title-heading"></div></div> <div class="modal__content"></div> </div> </div> <div class="modal consultation login" data-target="product-stock-request"> <div class="login__body modal__body"> <div class="login__cloce modal-close modal-esc"> <img src="/assets/web/img/svg/cloce.svg?u=1773696021" alt="Закрыть окно"> </div> <div class="login__wrapper"> <form action="https://tdg.ru/_service/product-stock-request/" class="login__form -column" method="POST" data-send="async" data-form="request-stock-form"> <div class="login__title"><div class="login__title-heading">Запрос количества</div></div> <div class="login__box -column"> <input type="hidden" name="product_id" value=""> <div class="login__inputs -column"> <div class="input " > <button type="button" aria-label="Очистить поле" class="input__clean"> <img src="/assets/web/img/svg/clean.svg?u=1773696021" alt=""> </button> <input type="text" class="input__item" autocomplete="name" id="field-c9651067-01af-46eb-ad84-9b147f00d7c2" value="" name="name"> <label for="field-c9651067-01af-46eb-ad84-9b147f00d7c2" class="input__label">Имя</label> <div class="input__descr"></div> </div> <div class="input " > <button type="button" aria-label="Очистить поле" class="input__clean"> <img src="/assets/web/img/svg/clean.svg?u=1773696021" alt=""> </button> <input type="email" class="input__item" autocomplete="email" id="field-ebae27f3-479f-44b9-af27-b4cf38453bd4" value="" name="email"> <label for="field-ebae27f3-479f-44b9-af27-b4cf38453bd4" class="input__label">E-mail</label> <div class="input__descr"></div> </div> <div class="login__politick"> Нажимая на кнопку «Отправить», вы даёте согласие на обработку своих <a class="main-link -invert" href="/docs/privacy.pdf?u=1773696021">политики конфиденциальности</a>. </div> </div> </div> <div class="smart-captcha"></div> <div class="login__buttons -row"> <button class="login__btn btn"> <span>Уточнить наличие</span> </button> </div> <div class="form-message"></div> </form> </div> </div> </div> <div class="modal photo-gallary" data-target="photo-gallary"> <div class="photo-gallary__body modal__body"> <div class="photo-gallary__cloce modal-close modal-esc"> <img src="/assets/web/img/svg/cloce.svg?u=1773696021" alt="Закрыть окно"> </div> <div class="photo-gallary__wrapper"></div> </div> </div> </div> </div> <section class="cookie" aria-label="Настройки cookie" data-cookie-consent> <div class="cookie__container container -row-center"> <div class="cookie__descr"> Чтобы вам было ещё удобнее пользоваться нашим сайтом, мы обрабатываем файлы cookie. </div> <div class="cookie__buttons -row-center"> <a href="/docs/privacy.pdf?u=1773696021" class="cookie__more main-link" target="_blank" rel="noopener">Подробнее</a> <button class="cookie__btn" type="button" data-cookie-consent-accept>Я согласен</button> </div> </div> </section> <script> document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('[data-cookie-consent]').forEach(function (cookieSection) { const cookieButton = cookieSection.querySelector('[data-cookie-consent-accept]'); if (!cookieButton) { return; } cookieButton.addEventListener('click', function () { cookieSection.classList.add('--hide'); document.cookie = '_cookie-consent=1; Max-Age=31536000; Path=/; SameSite=Lax'; }); }); }); </script> <script src="/assets/bundles/2c97dff0d5321c5752c459aa838f4ef033d4090a77546ee024aec72fec968c87.min.js"></script> <script src="/assets/bundles/eb16ed3b9112e7fa61ee5b0d41b60d26f8b06f3c881cae19a7b50cd7e77107ee.min.js"></script> <script> window.RD_LEGACY_ACCOUNT_MENU = []; window.RD_LEGACY_LOGOUT_URL = ""; </script> <script> document.addEventListener('DOMContentLoaded', function () { const headerRoots = document.querySelectorAll('.redesign-legacy'); headerRoots.forEach(function (root) { const popoverHost = root.querySelector('#rd-header-popovers, #header-popovers'); const headerActions = Array.from(root.querySelectorAll('[data-header-action][data-shop-type]')); const accountAction = root.querySelector('[data-header-account]'); if (!popoverHost || !headerActions.length) { return; } const state = { activeType: null, shop: { cart: { loaded: false, count: 0, items: [], totalPrice: '', categories: [], emptyMessage: '' }, favorite: { loaded: false, count: 0, items: [], totalPrice: '', categories: [], emptyMessage: '' }, compare: { loaded: false, count: 0, items: [], totalPrice: '', categories: [], emptyMessage: '' } }, account: { menu: Array.isArray(window.RD_LEGACY_ACCOUNT_MENU) ? window.RD_LEGACY_ACCOUNT_MENU : [], logoutUrl: typeof window.RD_LEGACY_LOGOUT_URL === 'string' ? window.RD_LEGACY_LOGOUT_URL : '' } }; const ROUTES = { cart: '/cart', cartLoad: '/cart/load', cartAdd: function (offerId) { return '/cart/add/' + encodeURIComponent(String(offerId)); }, cartQuantity: function (key) { return '/cart/quantity/' + encodeURIComponent(String(key)); }, cartDelete: function (key) { return '/cart/delete/' + encodeURIComponent(String(key)); }, cartClear: '/cart/clear', favorite: '/favorite', favoriteLoad: '/favorite/load', favoriteDelete: function (key) { return '/favorite/delete/' + encodeURIComponent(String(key)); }, favoriteClear: '/favorite/clear', compare: '/compare', compareLoad: '/compare/load', compareDelete: function (key) { return '/compare/delete/' + encodeURIComponent(String(key)); }, compareDeleteCategory: function (key) { return '/compare/category/' + encodeURIComponent(String(key)); }, compareClear: '/compare/clear', logout: '/logout', account: '/my' }; const TITLES = { cart: 'Корзина', favorite: 'Избранное', compare: 'Сравнение' }; const EMPTY = { cart: 'Вы пока не откладывали товары в корзину.', favorite: 'Вы пока не добавляли товары в избранное.', compare: 'Вы пока не добавляли товары в сравнение.' }; headerActions.forEach(function (action) { action.addEventListener('click', async function (event) { event.preventDefault(); const type = action.getAttribute('data-shop-type'); if (!type) { return; } if (state.activeType === type && popoverHost.classList.contains('--visible')) { closePopover(); return; } await refreshShopType(type); openPopover(type); }); }); if (accountAction && state.account.menu.length) { accountAction.addEventListener('click', function (event) { event.preventDefault(); if (state.activeType === 'account' && popoverHost.classList.contains('--visible')) { closePopover(); return; } state.activeType = 'account'; popoverHost.innerHTML = renderAccountPopover(); popoverHost.classList.add('--visible'); updateActionState(); }); } popoverHost.addEventListener('click', async function (event) { const closeButton = event.target.closest('[data-popover-close]'); if (closeButton) { event.preventDefault(); closePopover(); return; } const logoutButton = event.target.closest('[data-account-logout]'); if (logoutButton) { event.preventDefault(); setLoading(logoutButton, true); submitLogoutForm(state.account.logoutUrl || ROUTES.logout); return; } const qtyActionButton = event.target.closest('[data-shop-popover-cart-action], [data-popup-cart-action]'); if (qtyActionButton) { event.preventDefault(); const popoverScrollTop = getPopoverListScrollTop(); setLoading(qtyActionButton, true); try { const qtyAction = qtyActionButton.getAttribute('data-shop-popover-cart-action') || qtyActionButton.getAttribute('data-popup-cart-action') || ''; const currentQty = parseInt(qtyActionButton.getAttribute('data-current-qty') || '0', 10) || 0; await executeAction( qtyAction === 'increase' ? 'cart.qty.increase' : 'cart.qty.decrease', qtyActionButton.getAttribute('data-item-key') || '', '', '', currentQty ); await refreshAllShop(); if (state.activeType && state.activeType !== 'account') { openPopover(state.activeType, popoverScrollTop); } } finally { setLoading(qtyActionButton, false); } return; } const actionButton = event.target.closest('[data-popup-action]'); if (!actionButton) { return; } event.preventDefault(); setLoading(actionButton, true); try { await executeAction( actionButton.getAttribute('data-popup-action') || '', actionButton.getAttribute('data-item-key') || '', actionButton.getAttribute('data-category-key') || '', actionButton.getAttribute('data-offer-id') || '', parseInt(actionButton.getAttribute('data-current-qty') || '0', 10) || 0 ); await refreshAllShop(); if (state.activeType && state.activeType !== 'account') { openPopover(state.activeType); } } finally { setLoading(actionButton, false); } }); document.addEventListener('click', function (event) { if (event.target.closest('#rd-header-popovers') || event.target.closest('#header-popovers') || event.target.closest('[data-header-action]') || event.target.closest('[data-header-account]')) { return; } closePopover(); }); document.addEventListener('keydown', function (event) { if (event.key === 'Escape') { closePopover(); } }); root.__rdLegacyShopState = state; root.__rdLegacyRefreshAllShop = refreshAllShop; root.__rdLegacyRefreshShopType = refreshShopType; root.__rdLegacyRefreshActivePopover = function (scrollTop) { if (state.activeType && state.activeType !== 'account') { openPopover(state.activeType, scrollTop ?? getPopoverListScrollTop()); } }; refreshAllShop(); function getPopoverListScrollTop() { const list = popoverHost.querySelector('.shop-popover__list'); return list ? list.scrollTop : 0; } function restorePopoverListScroll(scrollTop) { if (!scrollTop) { return; } window.requestAnimationFrame(function () { const list = popoverHost.querySelector('.shop-popover__list'); if (list) { list.scrollTop = scrollTop; } }); } function openPopover(type, scrollTop) { state.activeType = type; popoverHost.innerHTML = renderPopover(type, state.shop[type]); popoverHost.classList.add('--visible'); restorePopoverListScroll(scrollTop); updateActionState(); } function closePopover() { state.activeType = null; popoverHost.classList.remove('--visible'); popoverHost.innerHTML = ''; updateActionState(); } function updateActionState() { headerActions.forEach(function (action) { action.classList.toggle('--active', action.getAttribute('data-shop-type') === state.activeType); }); if (accountAction) { accountAction.classList.toggle('--active', state.activeType === 'account'); } } function renderAccountPopover() { const menuItems = state.account.menu || []; const accountUrl = menuItems.length ? (menuItems[0].url || ROUTES.account) : ROUTES.account; const logoutAvailable = Boolean(state.account.logoutUrl); let bodyHtml = ''; if (!menuItems.length) { bodyHtml = '<div class="shop-popover__empty">Разделы кабинета недоступны</div>'; } else { bodyHtml = '<div class="shop-popover__list">'; menuItems.forEach(function (item) { bodyHtml += '<div class="shop-popover__item"><div class="shop-popover__item-content"><a href="' + escapeAttribute(item.url || ROUTES.account) + '" class="shop-popover__name">' + escapeHtml(item.title || '') + '</a></div></div>'; }); bodyHtml += '</div>'; } return '<div class="shop-popover" data-shop-popover="account"><div class="shop-popover__header"><strong>Кабинет</strong><button type="button" class="shop-popover__close" data-popover-close>×</button></div>' + bodyHtml + '<div class="shop-popover__footer"><a class="shop-popover__open" href="' + escapeAttribute(accountUrl) + '">Открыть кабинет</a>' + (logoutAvailable ? '<button type="button" class="shop-popover__clear" data-account-logout>Выйти</button>' : '') + '</div></div>'; } function renderInlineQtyControl(itemKey, quantity, controlClass) { const normalizedQty = Math.max(0, parseInt(quantity || '0', 10) || 0); const safeItemKey = escapeAttribute(itemKey || ''); const baseClass = controlClass || 'shop-popover'; return '<div class="' + baseClass + '__qty">' + '<button type="button" class="' + baseClass + '__qty-btn" data-' + baseClass + '-cart-action="decrease" data-item-key="' + safeItemKey + '" data-current-qty="' + normalizedQty + '" aria-label="Уменьшить количество"><svg class="tdg-v2-qty-icon tdg-v2-qty-icon--minus" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M2 6H10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></button>' + '<input type="number" inputmode="numeric" min="0" class="' + baseClass + '__qty-input" data-' + baseClass + '-cart-input="" data-item-key="' + safeItemKey + '" data-current-qty="' + normalizedQty + '" value="' + normalizedQty + '" aria-label="Количество">' + '<button type="button" class="' + baseClass + '__qty-btn" data-' + baseClass + '-cart-action="increase" data-item-key="' + safeItemKey + '" data-current-qty="' + normalizedQty + '" aria-label="Увеличить количество"><svg class="tdg-v2-qty-icon tdg-v2-qty-icon--plus" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M6 2V10M2 6H10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></button>' + '</div>'; } function renderPopover(type, data) { if (!data || !data.loaded) { return '<div class="shop-popover"><div class="shop-popover__header"><strong>' + escapeHtml(TITLES[type] || '') + '</strong><button type="button" class="shop-popover__close" data-popover-close>×</button></div><div class="shop-popover__empty">Загрузка...</div></div>'; } const openLink = ROUTES[type] || '/'; const emptyMessage = data.emptyMessage || EMPTY[type] || 'Список пуст'; let bodyHtml = ''; if (!data.items.length) { bodyHtml = '<div class="shop-popover__empty">' + escapeHtml(emptyMessage) + '</div>'; } else { bodyHtml = '<div class="shop-popover__list">'; data.items.forEach(function (item) { const itemActions = []; const itemKey = item.key ? escapeAttribute(item.key) : ''; const quantity = Math.max(0, parseInt(item.quantity || '0', 10) || 0); const unitHtml = item.unit ? '<span class="shop-popover__qty-unit">' + escapeHtml(item.unit) + '</span>' : ''; if (type === 'cart' && itemKey) { itemActions.push(renderInlineQtyControl(itemKey, quantity, 'shop-popover') + unitHtml); } if (type !== 'cart' && item.offerId) { if (item.inCart && item.cartKey && quantity > 0) { itemActions.push(renderInlineQtyControl(item.cartKey, quantity, 'shop-popover') + unitHtml); } else { itemActions.push('<button type="button" class="shop-popover__action shop-popover__action--primary" data-popup-action="cart.add-offer" data-offer-id="' + escapeAttribute(item.offerId) + '">В корзину</button>'); } } bodyHtml += '<div class="shop-popover__item">' + (item.image ? '<a href="' + escapeAttribute(item.href || '#') + '" class="shop-popover__image-link"><img class="shop-popover__image" src="' + escapeAttribute(item.image) + '" alt="' + escapeAttribute(item.name || '') + '"></a>' : '') + '<div class="shop-popover__item-content"><a href="' + escapeAttribute(item.href || '#') + '" class="shop-popover__name">' + escapeHtml(item.name || '') + '</a>' + (item.category ? '<div class="shop-popover__meta">' + escapeHtml(item.category) + '</div>' : '') + (item.meta ? '<div class="shop-popover__meta">' + escapeHtml(item.meta) + '</div>' : '') + (itemActions.length ? '<div class="shop-popover__item-actions">' + itemActions.join('') + '</div>' : '') + '</div>' + (type === 'cart' && item.lineTotal ? '<div class="shop-popover__line-total">' + escapeHtml(item.lineTotal) + '</div>' : '') + (item.key ? '<button type="button" class="shop-popover__remove" data-popup-action="' + type + '.remove" data-item-key="' + escapeAttribute(item.key) + '" aria-label="Удалить">×</button>' : '') + '</div>'; }); bodyHtml += '</div>'; } const clearButton = data.count > 0 ? '<button type="button" class="shop-popover__clear" data-popup-action="' + type + '.clear">Очистить</button>' : ''; const categoryButtons = type === 'compare' && data.categories && data.categories.length ? '<div class="shop-popover__categories">' + data.categories.map(function (category) { const categoryHref = ROUTES.compare + '/' + encodeURIComponent(String(category.key || '')); return '<a class="shop-popover__category-remove" href="' + escapeAttribute(categoryHref) + '">' + escapeHtml(category.title) + '</a>'; }).join('') + '</div>' : ''; const totalLine = type === 'cart' && data.totalPrice ? '<div class="shop-popover__total">Итого: <strong>' + escapeHtml(data.totalPrice) + '</strong></div>' : ''; const openActionText = type === 'cart' ? 'Открыть корзину' : 'Открыть ' + escapeHtml((TITLES[type] || '').toLowerCase()); return '<div class="shop-popover" data-shop-popover="' + escapeAttribute(type) + '"><div class="shop-popover__header"><strong>' + escapeHtml(TITLES[type] || '') + '</strong><button type="button" class="shop-popover__close" data-popover-close>×</button></div>' + bodyHtml + categoryButtons + totalLine + '<div class="shop-popover__footer"><a class="shop-popover__open" href="' + escapeAttribute(openLink) + '">' + openActionText + '</a>' + clearButton + '</div></div>'; } async function refreshAllShop() { await Promise.all([refreshShopType('cart'), refreshShopType('favorite'), refreshShopType('compare')]); updateCounters(root); } async function refreshShopType(type) { try { const response = await requestJson(getLoadUrl(type), { method: 'GET' }); const fragment = safeGet(response, getFragmentPath(type), ''); state.shop[type] = parseShopFragment(type, fragment); state.shop[type].loaded = true; } catch (error) { state.shop[type] = { loaded: true, count: 0, items: [], totalPrice: '', categories: [], emptyMessage: resolveErrorMessage(error, EMPTY[type] || 'Список пуст') }; } } function getLoadUrl(type) { if (type === 'cart') return ROUTES.cartLoad; if (type === 'favorite') return ROUTES.favoriteLoad; if (type === 'compare') return ROUTES.compareLoad; return '/'; } function getFragmentPath(type) { if (type === 'cart') return ['data', 'cart', 'header']; if (type === 'favorite') return ['data', 'favorite', 'header']; if (type === 'compare') return ['data', 'compare', 'header']; return []; } function parseShopFragment(type, fragmentHtml) { if (!fragmentHtml) { return { count: 0, items: [], categories: [], totalPrice: '', emptyMessage: EMPTY[type] || 'Список пуст' }; } const doc = parseHtml(fragmentHtml); const count = parseInt(normalizeSpaces((qs('.item-header__total span', doc) || {}).textContent || '') || '0', 10) || 0; const emptyMessage = normalizeSpaces((qs('.item-header__descr p', doc) || {}).textContent || '') || EMPTY[type] || 'Список пуст'; const result = { count: count, items: [], categories: [], totalPrice: '', emptyMessage: emptyMessage }; if (type === 'compare') { qsa('.item-header__drop', doc).forEach(function (categoryNode) { const title = normalizeSpaces((qs('.item-header__top', categoryNode) || {}).textContent || ''); const categoryButton = qs('[data-action="compare.remove-category"]', categoryNode); const category = { title: title, key: categoryButton ? (categoryButton.getAttribute('data-category-key') || '') : '', items: [] }; qsa('.item-header__product', categoryNode).forEach(function (itemNode) { const item = parseHeaderItem(itemNode, type, title); category.items.push(item); result.items.push(item); }); if (category.items.length) { result.categories.push(category); } }); } else { qsa('.item-header__product', doc).forEach(function (itemNode) { result.items.push(parseHeaderItem(itemNode, type, '')); }); } if (type === 'cart') { result.totalPrice = normalizeSpaces((qs('.item-header__price', doc) || {}).textContent || ''); } if (!result.count && result.items.length) { result.count = result.items.length; } return result; } function parseHeaderItem(node, type, categoryTitle) { const nameLink = qs('.product-small__name', node); const removeButton = qs('[data-action="' + type + '.remove"]', node); const quantityInput = qs('input[data-cart-quantity]', node); const quantityUnitNode = qs('.product-small__quantity .quantity__box span', node); const lineTotalNode = qs('.product-small__cart-total', node); const addToCartButton = qs('[data-action="cart.add"]', node); const cartKey = quantityInput ? (quantityInput.getAttribute('data-cart-key') || '') : ''; const removeOfferId = removeButton ? (removeButton.getAttribute('data-offer-id') || removeButton.getAttribute('data-product-id') || '') : ''; const addButtonOfferId = addToCartButton ? (addToCartButton.getAttribute('data-offer-id') || '') : ''; return { name: normalizeSpaces((nameLink || {}).textContent || ''), href: (nameLink && nameLink.getAttribute('href')) || '#', image: safeAttribute(qs('.product-small__image img', node), 'src'), meta: normalizeSpaces((qs('.product-small__article', node) || qs('.product-small__price', node) || {}).textContent || ''), key: getItemKey(type, removeButton), quantity: quantityInput ? (parseInt(quantityInput.value || '0', 10) || 0) : 0, unit: normalizeSpaces((quantityUnitNode || {}).textContent || ''), lineTotal: normalizeSpaces((lineTotalNode || {}).textContent || ''), cartKey: cartKey, inCart: Boolean(cartKey), offerId: removeOfferId || addButtonOfferId || '', category: categoryTitle || '' }; } function getItemKey(type, button) { if (!button) return ''; if (type === 'cart') return button.getAttribute('data-cart-key') || ''; if (type === 'favorite') return button.getAttribute('data-favorite-key') || ''; if (type === 'compare') return button.getAttribute('data-compare-key') || ''; return ''; } async function executeAction(action, itemKey, categoryKey, offerId, currentQty) { if (action === 'cart.add-offer') return requestJson(ROUTES.cartAdd(offerId), { method: 'POST' }); if (action === 'cart.qty.decrease' || action === 'cart.qty.increase') { return requestJson(ROUTES.cartQuantity(itemKey), { method: 'POST', data: { quantity: Math.max(0, currentQty + (action === 'cart.qty.increase' ? 1 : -1)) } }); } if (action === 'cart.remove') return requestJson(ROUTES.cartDelete(itemKey), { method: 'DELETE' }); if (action === 'cart.clear') return requestJson(ROUTES.cartClear, { method: 'DELETE' }); if (action === 'favorite.remove') return requestJson(ROUTES.favoriteDelete(itemKey), { method: 'DELETE' }); if (action === 'favorite.clear') return requestJson(ROUTES.favoriteClear, { method: 'DELETE' }); if (action === 'compare.remove') return requestJson(ROUTES.compareDelete(itemKey), { method: 'DELETE' }); if (action === 'compare.remove-category') return requestJson(ROUTES.compareDeleteCategory(categoryKey), { method: 'DELETE' }); if (action === 'compare.clear') return requestJson(ROUTES.compareClear, { method: 'DELETE' }); return Promise.resolve(); } function updateCounters(scope) { ['cart', 'favorite', 'compare'].forEach(function (type) { const count = safeGet(state.shop, [type, 'count'], 0) || 0; qsa('[data-counter="' + type + '"]', document).forEach(function (counter) { counter.textContent = String(count); counter.classList.toggle('--hidden', count <= 0); counter.hidden = count <= 0; if (count <= 0) { counter.setAttribute('aria-hidden', 'true'); } else { counter.removeAttribute('aria-hidden'); } }); qsa('[data-mobile-action="' + type + '"]', document).forEach(function (action) { action.classList.toggle('--has-counter', count > 0); }); }); } async function requestJson(url, options) { const requestOptions = options || {}; const method = (requestOptions.method || 'GET').toUpperCase(); const headers = Object.assign({ 'X-Requested-With': 'XMLHttpRequest' }, requestOptions.headers || {}); const csrfToken = getCsrfToken(); if (csrfToken) { headers['X-CSRF-TOKEN'] = csrfToken; headers['X-XSRF-TOKEN'] = csrfToken; } let requestUrl = url; const fetchOptions = { method: method, headers: headers, credentials: 'same-origin' }; if (requestOptions.data) { if (method === 'GET' || method === 'HEAD') { const query = new URLSearchParams(requestOptions.data).toString(); requestUrl += (requestUrl.includes('?') ? '&' : '?') + query; } else { fetchOptions.body = JSON.stringify(requestOptions.data); fetchOptions.headers['Content-Type'] = 'application/json'; } } const response = await fetch(requestUrl, fetchOptions); const payload = await response.json().catch(function () { return {}; }); if (!response.ok) { throw new Error(resolveErrorMessage(payload, 'Не удалось выполнить запрос')); } return payload; } function submitLogoutForm(url) { const form = document.createElement('form'); const csrfToken = getCsrfToken(); form.method = 'POST'; form.action = url || ROUTES.logout; form.style.display = 'none'; if (csrfToken) { const csrfInput = document.createElement('input'); csrfInput.type = 'hidden'; csrfInput.name = '_token'; csrfInput.value = csrfToken; form.appendChild(csrfInput); } document.body.appendChild(form); form.submit(); } function getCsrfToken() { const tokenMeta = document.querySelector('meta[name="csrf-token"]'); return tokenMeta ? tokenMeta.getAttribute('content') : ''; } function parseHtml(html) { return new DOMParser().parseFromString(html || '', 'text/html'); } function qs(selector, scope) { return (scope || document).querySelector(selector); } function qsa(selector, scope) { return Array.from((scope || document).querySelectorAll(selector)); } function safeAttribute(element, attribute) { return element ? (element.getAttribute(attribute) || '') : ''; } function safeGet(source, path, fallback) { let value = source; for (let index = 0; index < path.length; index += 1) { if (value == null) return fallback; value = value[path[index]]; } return value == null ? fallback : value; } function normalizeSpaces(value) { return String(value || '').replace(/\s+/g, ' ').trim(); } function escapeHtml(value) { return String(value || '').replace(/[&<>"']/g, function (character) { return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[character] || character; }); } function escapeAttribute(value) { return escapeHtml(value); } function resolveErrorMessage(error, fallback) { if (error && typeof error.message === 'string' && error.message) return error.message; return fallback; } function setLoading(element, loading) { element.classList.toggle('--loading', Boolean(loading)); } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { const toggles = document.querySelectorAll('[data-redesign-mobile-toggle]'); toggles.forEach(function (toggle) { const root = toggle.closest('.redesign-legacy'); if (!root) { return; } const offcanvas = root.querySelector('[data-redesign-offcanvas]'); const menu = root.querySelector('[data-redesign-mobile-menu]'); const offcanvasClose = root.querySelector('[data-redesign-offcanvas-close]'); const burgerIcon = toggle.querySelector('.burger-icon'); const closeIcon = toggle.querySelector('.close-icon'); if (!offcanvas || !menu) { return; } const closeMenu = function () { offcanvas.classList.remove('active'); offcanvas.setAttribute('hidden', 'hidden'); document.documentElement.classList.remove('rd-menu-open'); document.body.classList.remove('rd-menu-open'); menu.classList.remove('--active'); burgerIcon?.classList.remove('hidden'); closeIcon?.classList.add('hidden'); }; toggle.addEventListener('click', function (event) { event.preventDefault(); const isHidden = offcanvas.hasAttribute('hidden'); if (isHidden) { offcanvas.removeAttribute('hidden'); offcanvas.classList.add('active'); document.documentElement.classList.add('rd-menu-open'); document.body.classList.add('rd-menu-open'); menu.classList.add('--active'); burgerIcon?.classList.add('hidden'); closeIcon?.classList.remove('hidden'); return; } closeMenu(); }); offcanvas.addEventListener('click', function (event) { if (!event.target.closest('.rd-flw-offcanvas-body, .flw-offcanvas-body') || event.target.closest('a')) { closeMenu(); } }); offcanvasClose?.addEventListener('click', function (event) { event.preventDefault(); closeMenu(); }); document.addEventListener('keydown', function (event) { if (event.key === 'Escape' && !offcanvas.hasAttribute('hidden')) { closeMenu(); } }); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { function rdQs(selector, root) { return (root || document).querySelector(selector); } function rdQsa(selector, root) { return Array.from((root || document).querySelectorAll(selector)); } function rdNormalizeSpaces(value) { return String(value || '').replace(/\s+/g, ' ').trim(); } function rdEscapeHtml(value) { return String(value || '').replace(/[&<>"']/g, function (character) { return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[character] || character; }); } function rdEscapeAttribute(value) { return rdEscapeHtml(value).replace(/`/g, '`'); } function rdEscapeRegExp(value) { return String(value || '').replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); } function rdGetCsrfToken() { const tokenMeta = document.querySelector('meta[name="csrf-token"]'); return tokenMeta ? (tokenMeta.getAttribute('content') || '') : ''; } function rdSafeGet(source, path, fallback) { let value = source; for (let index = 0; index < path.length; index += 1) { if (value == null || typeof value !== 'object' || !(path[index] in value)) { return fallback; } value = value[path[index]]; } return value == null ? fallback : value; } function rdRequestJson(url, options) { const requestOptions = options || {}; const method = (requestOptions.method || 'GET').toUpperCase(); const headers = Object.assign({ 'X-Requested-With': 'XMLHttpRequest', 'X-CSRF-TOKEN': rdGetCsrfToken(), 'X-XSRF-TOKEN': rdGetCsrfToken() }, requestOptions.headers || {}); let requestUrl = url; const fetchOptions = { method: method, headers: headers, credentials: 'same-origin' }; if (requestOptions.data) { if (method === 'GET') { const query = new URLSearchParams(requestOptions.data).toString(); requestUrl += (requestUrl.includes('?') ? '&' : '?') + query; } else { fetchOptions.body = JSON.stringify(requestOptions.data); fetchOptions.headers['Content-Type'] = 'application/json'; } } return fetch(requestUrl, fetchOptions).then(function (response) { return response.json().catch(function () { return {}; }).then(function (payload) { if (!response.ok) { throw new Error((payload && payload.message) || ('HTTP ' + response.status)); } return payload; }); }); } function rdDebounce(fn, delay) { let timeoutId = null; return function () { const args = arguments; const context = this; window.clearTimeout(timeoutId); timeoutId = window.setTimeout(function () { fn.apply(context, args); }, delay); }; } function rdSetLoading(element, loading) { if (!element) { return; } element.classList.toggle('--loading', Boolean(loading)); if (loading) { element.setAttribute('disabled', 'disabled'); } else { element.removeAttribute('disabled'); } } function rdHighlightSearchMatch(title, query) { const source = String(title || ''); const normalizedQuery = rdNormalizeSpaces(query || ''); if (!source || !normalizedQuery) { return rdEscapeHtml(source); } const terms = normalizedQuery.split(' ').filter(Boolean).sort(function (a, b) { return b.length - a.length; }).map(rdEscapeRegExp); if (!terms.length) { return rdEscapeHtml(source); } const regex = new RegExp('(' + terms.join('|') + ')', 'gi'); let lastIndex = 0; let highlighted = ''; let match = regex.exec(source); while (match) { highlighted += rdEscapeHtml(source.slice(lastIndex, match.index)); highlighted += '<mark class="search-suggestions__highlight">' + rdEscapeHtml(match[0]) + '</mark>'; lastIndex = match.index + match[0].length; match = regex.exec(source); } highlighted += rdEscapeHtml(source.slice(lastIndex)); return highlighted; } function rdParseSearchFragment(fragmentHtml) { if (!fragmentHtml) { return { error: 'Ничего не найдено', brands: [], products: [] }; } const doc = new DOMParser().parseFromString(fragmentHtml, 'text/html'); const errorEl = rdQs('.search__err', doc); const brands = rdQsa('.search__item.--brand', doc).map(function (item) { const link = rdQs('.product-small__name', item); const image = rdQs('img', item); return { title: rdNormalizeSpaces(link ? link.textContent : ''), href: link ? (link.getAttribute('href') || '/brands') : '/brands', image: image ? (image.getAttribute('src') || '') : '' }; }); const products = rdQsa('.search__item.product-small', doc).filter(function (item) { return !item.classList.contains('--brand'); }).map(function (item) { const link = rdQs('.product-small__name', item); const image = rdQs('img', item); const addButton = rdQs('[data-action="cart.add"]', item); const offerId = item.getAttribute('data-offer-id') || (addButton ? (addButton.getAttribute('data-offer-id') || '') : ''); return { title: rdNormalizeSpaces(link ? link.textContent : ''), href: link ? (link.getAttribute('href') || '#') : '#', image: image ? (image.getAttribute('src') || '') : '', meta: rdNormalizeSpaces(rdQsa('.product-small__article span', item).map(function (el) { return rdNormalizeSpaces(el.textContent || ''); }).join(' | ')), retailPrice: rdNormalizeSpaces((rdQsa('.product-small__price', item)[0] || {}).textContent || ''), wholesalePrice: rdNormalizeSpaces((rdQsa('.product-small__price', item)[1] || {}).textContent || ''), offerId: offerId }; }); return { error: errorEl ? rdNormalizeSpaces(errorEl.textContent || '') : '', brands: brands, products: products }; } function rdRenderSearchQtyControl(itemKey, quantity, controlClass) { const normalizedQty = Math.max(0, parseInt(quantity || '0', 10) || 0); const safeItemKey = rdEscapeAttribute(itemKey || ''); const baseClass = controlClass || 'search-suggestions'; return '<div class="' + baseClass + '__qty">' + '<button type="button" class="' + baseClass + '__qty-btn" data-' + baseClass + '-cart-action="decrease" data-item-key="' + safeItemKey + '" data-current-qty="' + normalizedQty + '" aria-label="Уменьшить количество"><svg class="tdg-v2-qty-icon tdg-v2-qty-icon--minus" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M2 6H10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></button>' + '<input type="number" inputmode="numeric" min="0" class="' + baseClass + '__qty-input" data-' + baseClass + '-cart-input="" data-item-key="' + safeItemKey + '" data-current-qty="' + normalizedQty + '" value="' + normalizedQty + '" aria-label="Количество">' + '<button type="button" class="' + baseClass + '__qty-btn" data-' + baseClass + '-cart-action="increase" data-item-key="' + safeItemKey + '" data-current-qty="' + normalizedQty + '" aria-label="Увеличить количество"><svg class="tdg-v2-qty-icon tdg-v2-qty-icon--plus" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M6 2V10M2 6H10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></button>' + '</div>'; } function rdRenderSearchPrices(product) { const retailPrice = rdNormalizeSpaces(product && product.retailPrice ? product.retailPrice : ''); const wholesalePrice = rdNormalizeSpaces(product && product.wholesalePrice ? product.wholesalePrice : ''); if (!retailPrice && !wholesalePrice) { return ''; } let html = '<span class="search-suggestions__prices">'; if (retailPrice) { html += '<span class="search-suggestions__price-block">' + '<span class="search-suggestions__price-label">Розница</span>' + '<span class="search-suggestions__price-value">' + rdEscapeHtml(retailPrice) + '</span>' + '</span>'; } if (wholesalePrice) { html += '<span class="search-suggestions__price-block">' + '<span class="search-suggestions__price-label">Мелкий опт</span>' + '<span class="search-suggestions__price-value">' + rdEscapeHtml(wholesalePrice) + '</span>' + '</span>'; } html += '</span>'; return html; } function rdRenderSearchSuggestions(parsed, query, root) { if (parsed.error && !parsed.brands.length && !parsed.products.length) { return '<div class="search-suggestions__empty">' + rdEscapeHtml(parsed.error) + '</div>'; } let bodyHtml = ''; if (parsed.brands.length) { bodyHtml += '<div class="search-suggestions__section"><div class="search-suggestions__title">Бренды</div>'; parsed.brands.forEach(function (brand) { bodyHtml += '<a class="search-suggestions__item" href="' + rdEscapeAttribute(brand.href) + '">' + (brand.image ? '<img class="search-suggestions__image" src="' + rdEscapeAttribute(brand.image) + '" alt="' + rdEscapeAttribute(brand.title) + '">' : '') + '<span class="search-suggestions__name">' + rdHighlightSearchMatch(brand.title, query) + '</span></a>'; }); bodyHtml += '</div>'; } if (parsed.products.length) { bodyHtml += '<div class="search-suggestions__section"><div class="search-suggestions__title">Товары</div>'; parsed.products.forEach(function (product) { bodyHtml += '<div class="search-suggestions__item search-suggestions__item--product">' + '<a class="search-suggestions__item-link" href="' + rdEscapeAttribute(product.href) + '">' + (product.image ? '<img class="search-suggestions__image" src="' + rdEscapeAttribute(product.image) + '" alt="' + rdEscapeAttribute(product.title) + '">' : '') + '<span class="search-suggestions__content">' + '<span class="search-suggestions__name">' + rdHighlightSearchMatch(product.title, query) + '</span>' + (product.meta ? '<span class="search-suggestions__meta">' + rdHighlightSearchMatch(product.meta, query) + '</span>' : '') + '</span></a>' + '<span class="search-suggestions__aside">' + rdRenderSearchPrices(product) + rdRenderSearchCartAction(root || document, product) + '</span>' + '</div>'; }); bodyHtml += '</div>'; } if (!bodyHtml) { return '<div class="search-suggestions__empty">Ничего не найдено</div>'; } return '<div class="search-suggestions__body">' + bodyHtml + '</div>' + '<div class="search-suggestions__footer"><a class="search-suggestions__all search-suggestions__all--inline" href="/search?query=' + encodeURIComponent(query) + '">Все результаты</a></div>'; } function rdHideSearchSuggestions(holder) { window.clearTimeout(holder.__rdHideTimer); holder.classList.remove('--visible'); holder.classList.remove('--loading'); rdUpdateSearchOverlayState(); holder.__rdHideTimer = window.setTimeout(function () { if (holder.classList.contains('--visible')) { return; } holder.innerHTML = ''; holder.__rdParsed = null; holder.removeAttribute('data-request-token'); holder.removeAttribute('data-query'); }, 220); } function rdUpdateSearchOverlayState() { const hasVisible = rdQsa('.rd-search-suggestions').some(function (holder) { return holder.classList.contains('--visible'); }); document.body.classList.toggle('rd-search-suggestions-open', hasVisible); } function rdFindCartItemByOfferId(root, offerId) { const normalizedOfferId = rdNormalizeSpaces(offerId || ''); const cartItems = rdSafeGet(root, ['__rdLegacyShopState', 'shop', 'cart', 'items'], []); if (!normalizedOfferId || !Array.isArray(cartItems)) { return null; } for (let index = 0; index < cartItems.length; index += 1) { const item = cartItems[index]; if (rdNormalizeSpaces(item && item.offerId ? item.offerId : '') === normalizedOfferId) { return item; } } return null; } function rdNormalizeHref(href) { if (!href) { return ''; } try { const url = new URL(href, window.location.origin); return url.pathname.replace(/\/+$/, ''); } catch (_error) { return rdNormalizeSpaces(href).replace(/\/+$/, ''); } } function rdFindCartItemByProduct(root, product) { const byOfferId = rdFindCartItemByOfferId(root, product && product.offerId ? product.offerId : ''); if (byOfferId) { return byOfferId; } const normalizedHref = rdNormalizeHref(product && product.href ? product.href : ''); const cartItems = rdSafeGet(root, ['__rdLegacyShopState', 'shop', 'cart', 'items'], []); if (!normalizedHref || !Array.isArray(cartItems)) { return null; } for (let index = 0; index < cartItems.length; index += 1) { const item = cartItems[index]; if (rdNormalizeHref(item && item.href ? item.href : '') === normalizedHref) { return item; } } return null; } function rdFindSearchProductByOfferId(holder, offerId) { const normalizedOfferId = rdNormalizeSpaces(offerId || ''); const parsed = holder && holder.__rdParsed ? holder.__rdParsed : null; if (!normalizedOfferId || !parsed || !Array.isArray(parsed.products)) { return null; } for (let index = 0; index < parsed.products.length; index += 1) { const product = parsed.products[index]; if (rdNormalizeSpaces(product && product.offerId ? product.offerId : '') === normalizedOfferId) { return product; } } return null; } function rdSyncSearchCartItem(root, product, response) { const state = root && root.__rdLegacyShopState ? root.__rdLegacyShopState : null; const cart = state && state.shop && state.shop.cart ? state.shop.cart : null; const itemKey = rdNormalizeSpaces(rdSafeGet(response, ['data', 'item', 'key'], '')); const quantity = Math.max(1, parseInt(rdSafeGet(response, ['data', 'item', 'quantity'], 1), 10) || 1); if (!cart || !itemKey || !product || !product.offerId) { return; } if (!Array.isArray(cart.items)) { cart.items = []; } const existingItem = rdFindCartItemByProduct(root, product); const syncedItem = Object.assign({}, existingItem || {}, { key: itemKey, cartKey: itemKey, quantity: quantity, offerId: product.offerId, href: product.href || (existingItem ? existingItem.href : ''), name: product.title || (existingItem ? existingItem.name : '') }); if (existingItem) { Object.assign(existingItem, syncedItem); } else { cart.items.push(syncedItem); } cart.count = Math.max(parseInt(cart.count || '0', 10) || 0, cart.items.length); cart.loaded = true; } function rdResolveShopRoot(scope) { const currentScope = scope || document; if (currentScope.__rdLegacyShopState || currentScope.__rdLegacyRefreshAllShop) { return currentScope; } const legacyRoot = currentScope.closest ? currentScope.closest('.redesign-legacy') : null; if (legacyRoot && (legacyRoot.__rdLegacyShopState || legacyRoot.__rdLegacyRefreshAllShop)) { return legacyRoot; } const roots = rdQsa('.redesign-legacy', document); for (let index = 0; index < roots.length; index += 1) { if (roots[index].__rdLegacyShopState || roots[index].__rdLegacyRefreshAllShop) { return roots[index]; } } return document; } function rdRenderSearchCartAction(root, product) { if (!product.offerId) { return ''; } const cartItem = rdFindCartItemByProduct(rdResolveShopRoot(root), product); const quantity = Math.max(0, parseInt(cartItem && cartItem.quantity ? cartItem.quantity : 0, 10) || 0); const itemKey = cartItem && cartItem.key ? cartItem.key : ''; if (!itemKey || quantity <= 0) { return '<button type="button" class="search-suggestions__add" data-search-add-cart data-offer-id="' + rdEscapeAttribute(product.offerId) + '">В корзину</button>'; } return rdRenderSearchQtyControl(itemKey, quantity, 'search-suggestions'); } function rdRerenderSearchSuggestions(root) { const scope = root || document; const shopRoot = rdResolveShopRoot(scope); rdQsa('.rd-search-suggestions.--visible', scope).forEach(function (holder) { const parsed = holder.__rdParsed; const query = holder.getAttribute('data-query') || ''; if (!parsed || !query) { return; } holder.innerHTML = rdRenderSearchSuggestions(parsed, query, shopRoot); }); } const catalogButtons = rdQsa('[data-rd-catalog-button]'); const catalogMenu = rdQs('#rd-catalog-host .header__menu.menu') || rdQs('#redesign-catalog-host .header__menu.menu'); const catalogOverlay = rdQs('#rd-catalog-overlay') || rdQs('#redesign-catalog-overlay'); if (catalogButtons.length && catalogMenu) { const topItems = rdQsa('.menu__link', catalogMenu); const closeButtons = rdQsa('.menu__cloce', catalogMenu); function rdSetActiveTopItem(item) { topItems.forEach(function (menuItem) { menuItem.classList.toggle('--active', menuItem === item); }); } function rdOpenCatalogMenu() { if (!topItems.some(function (item) { return item.classList.contains('--active'); }) && topItems.length) { rdSetActiveTopItem(topItems[0]); } catalogMenu.classList.add('--visible'); catalogMenu.inert = false; catalogMenu.setAttribute('aria-hidden', 'false'); document.documentElement.classList.add('rd-menu-open'); document.body.classList.add('rd-menu-open'); if (catalogOverlay) { catalogOverlay.classList.add('--active'); } } function rdCloseCatalogMenu() { catalogMenu.classList.remove('--visible'); catalogMenu.inert = true; catalogMenu.setAttribute('aria-hidden', 'true'); document.documentElement.classList.remove('rd-menu-open'); document.body.classList.remove('rd-menu-open'); if (catalogOverlay) { catalogOverlay.classList.remove('--active'); } } catalogButtons.forEach(function (button) { button.addEventListener('click', function (event) { if (button.hasAttribute('data-rd-mobile-catalog-button') && window.matchMedia('(max-width: 950px)').matches) { return; } event.preventDefault(); if (catalogMenu.classList.contains('--visible')) { rdCloseCatalogMenu(); } else { rdOpenCatalogMenu(); } }); }); closeButtons.forEach(function (button) { button.addEventListener('click', function (event) { event.preventDefault(); rdCloseCatalogMenu(); }); }); if (catalogOverlay) { catalogOverlay.addEventListener('click', rdCloseCatalogMenu); } topItems.forEach(function (item) { const link = rdQs('a', item); const shell = rdQs('.menu__shell', item); if (shell && window.matchMedia('(pointer: fine)').matches) { item.addEventListener('mouseenter', function () { rdSetActiveTopItem(item); }); } if (link && shell) { link.addEventListener('click', function (event) { if (!window.matchMedia('(pointer: coarse)').matches) { return; } if (!item.classList.contains('--active')) { event.preventDefault(); rdSetActiveTopItem(item); } }); } }); document.addEventListener('click', function (event) { if (event.target.closest('#rd-catalog-host') || event.target.closest('#redesign-catalog-host') || event.target.closest('[data-rd-catalog-button]')) { return; } rdCloseCatalogMenu(); }); document.addEventListener('keydown', function (event) { if (event.key === 'Escape') { rdCloseCatalogMenu(); } }); } function rdSyncSearchClearButton(input, clearButton) { if (!input || !clearButton) { return; } const hasValue = rdNormalizeSpaces(input.value || '').length > 0; clearButton.hidden = !hasValue; clearButton.classList.toggle('--visible', hasValue); } function rdEnsureSearchClearButton(form, input, holder) { if (!form || !input) { return null; } let clearButton = rdQs('[data-rd-search-clear]', form); if (!clearButton) { clearButton = document.createElement('button'); clearButton.type = 'button'; clearButton.className = 'rd-search-bar__clear'; clearButton.setAttribute('data-rd-search-clear', ''); clearButton.setAttribute('aria-label', 'Очистить поиск'); clearButton.innerHTML = '×'; const submitButton = form.querySelector('button[type="submit"]'); form.insertBefore(clearButton, submitButton || null); } clearButton.addEventListener('click', function (event) { event.preventDefault(); input.value = ''; rdSyncSearchClearButton(input, clearButton); rdHideSearchSuggestions(holder); input.focus(); }); input.addEventListener('input', function () { rdSyncSearchClearButton(input, clearButton); }); rdSyncSearchClearButton(input, clearButton); return clearButton; } rdQsa('[data-rd-search-form]').forEach(function (form) { const mode = form.getAttribute('data-rd-search-form') || 'desktop'; const input = rdQs('[data-rd-search-input]', form); const holder = rdQs('[data-rd-search-suggestions="' + mode + '"]', form.parentElement); const searchRoot = form.closest('.redesign-legacy') || document; if (!input || !holder) { return; } rdEnsureSearchClearButton(form, input, holder); const runSearch = rdDebounce(function () { const query = rdNormalizeSpaces(input.value || ''); if (query.length < 2) { rdHideSearchSuggestions(holder); return; } window.clearTimeout(holder.__rdHideTimer); holder.classList.add('--visible'); holder.classList.add('--loading'); rdUpdateSearchOverlayState(); const requestToken = Date.now() + '-' + Math.random(); holder.setAttribute('data-request-token', requestToken); rdRequestJson('/search', { method: 'GET', data: { query: query }, headers: { 'search-header': '1' } }).then(function (response) { if (holder.getAttribute('data-request-token') !== String(requestToken)) { return; } const parsed = rdParseSearchFragment(rdSafeGet(response, ['data', 'fragments', 'search'], '')); holder.__rdParsed = parsed; holder.setAttribute('data-query', query); holder.innerHTML = rdRenderSearchSuggestions(parsed, query, rdResolveShopRoot(searchRoot)); }).catch(function () { holder.innerHTML = '<div class="search-suggestions__empty">Не удалось загрузить подсказки</div>'; }).finally(function () { holder.classList.remove('--loading'); }); }, 250); input.addEventListener('input', runSearch); input.addEventListener('focus', runSearch); form.addEventListener('submit', function (event) { event.preventDefault(); const query = rdNormalizeSpaces(input.value || ''); if (!query) { return; } window.location.href = '/search?query=' + encodeURIComponent(query); }); }); document.addEventListener('click', function (event) { if (event.target.closest('.rd-search-suggestions') || event.target.closest('[data-rd-search-form]')) { return; } rdQsa('.rd-search-suggestions').forEach(rdHideSearchSuggestions); }); document.addEventListener('keydown', function (event) { if (event.key === 'Escape') { rdQsa('.rd-search-suggestions').forEach(rdHideSearchSuggestions); } }); function rdHandleSearchAddButton(addButton, event) { if (!addButton || addButton.classList.contains('--loading')) { return; } if (event) { event.preventDefault(); } const searchScope = addButton.closest('.redesign-legacy') || document; const searchRoot = rdResolveShopRoot(searchScope); const offerId = addButton.getAttribute('data-offer-id'); if (!offerId) { return; } const holder = addButton.closest('.rd-search-suggestions'); const product = rdFindSearchProductByOfferId(holder, offerId); rdSetLoading(addButton, true); rdRequestJson('/cart/add/' + encodeURIComponent(String(offerId)), { method: 'POST' }).then(function (response) { rdSyncSearchCartItem(searchRoot, product, response); const refreshShop = searchRoot.__rdLegacyRefreshAllShop; return (typeof refreshShop === 'function' ? refreshShop() : Promise.resolve()).then(function () { rdSyncSearchCartItem(searchRoot, product, response); }); }).then(function () { rdRerenderSearchSuggestions(document); }).finally(function () { rdSetLoading(addButton, false); }); } document.addEventListener('pointerdown', function (event) { const addButton = event.target.closest('[data-search-add-cart]'); if (!addButton || !window.matchMedia('(max-width: 992px)').matches) { return; } rdHandleSearchAddButton(addButton, event); }, true); document.addEventListener('click', function (event) { const addButton = event.target.closest('[data-search-add-cart]'); const qtyButton = event.target.closest('[data-search-suggestions-cart-action]'); if (!addButton && !qtyButton) { return; } event.preventDefault(); if (addButton) { rdHandleSearchAddButton(addButton, event); return; } const searchScope = qtyButton.closest('.redesign-legacy') || document; const searchRoot = rdResolveShopRoot(searchScope); const itemKey = qtyButton.getAttribute('data-item-key'); const currentQty = parseInt(qtyButton.getAttribute('data-current-qty') || '0', 10) || 0; const nextQty = Math.max(0, currentQty + (qtyButton.getAttribute('data-search-suggestions-cart-action') === 'increase' ? 1 : -1)); if (!itemKey) { return; } rdSetLoading(qtyButton, true); rdRequestJson('/cart/quantity/' + encodeURIComponent(String(itemKey)), { method: 'POST', data: { quantity: nextQty } }).then(function () { const refreshShop = searchRoot.__rdLegacyRefreshAllShop; return typeof refreshShop === 'function' ? refreshShop() : Promise.resolve(); }).then(function () { rdRerenderSearchSuggestions(document); }).finally(function () { rdSetLoading(qtyButton, false); }); }); async function rdHandleInlineQtyInput(input, rootScope, rerenderPopover) { const itemKey = input.getAttribute('data-item-key'); const nextQty = Math.max(0, parseInt(input.value || '0', 10) || 0); if (!itemKey) { return; } rdSetLoading(input, true); try { await rdRequestJson('/cart/quantity/' + encodeURIComponent(String(itemKey)), { method: 'POST', data: { quantity: nextQty } }); const refreshShop = rootScope.__rdLegacyRefreshAllShop; await (typeof refreshShop === 'function' ? refreshShop() : Promise.resolve()); rdRerenderSearchSuggestions(document); if (rerenderPopover && typeof rerenderPopover === 'function') { rerenderPopover(); } } finally { rdSetLoading(input, false); } } document.addEventListener('change', function (event) { const searchQtyInput = event.target.closest('[data-search-suggestions-cart-input]'); if (searchQtyInput) { const searchRoot = rdResolveShopRoot(searchQtyInput.closest('.redesign-legacy') || document); rdHandleInlineQtyInput(searchQtyInput, searchRoot); return; } const popupQtyInput = event.target.closest('[data-shop-popover-cart-input]'); if (popupQtyInput) { const popupRoot = popupQtyInput.closest('.redesign-legacy') || document; const popupList = popupRoot.querySelector('.shop-popover__list'); const popupScrollTop = popupList ? popupList.scrollTop : 0; rdHandleInlineQtyInput(popupQtyInput, popupRoot, function () { const refreshPopover = popupRoot.__rdLegacyRefreshActivePopover; if (typeof refreshPopover === 'function') { refreshPopover(popupScrollTop); } }); } }); document.addEventListener('keydown', function (event) { if (event.key !== 'Enter') { return; } const qtyInput = event.target.closest('[data-search-suggestions-cart-input], [data-shop-popover-cart-input]'); if (!qtyInput) { return; } event.preventDefault(); qtyInput.blur(); }); }); </script> <script charset="utf-8" src="/assets/redesign/index/search-analytics.4a35b932d32eb5e7.min.js"></script> <script src="/assets/web/js/components/tickets-chat.4a4c2ceb40583906.min.js"></script> <script src="/assets/web/js/tdg-v2-tickets.c01021a0a44616ba.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { const thumbs = document.querySelector('[data-product-thumbs]'); const mainSliderElement = document.querySelector('.product-top__slider .swiper'); const mainSlider = mainSliderElement ? mainSliderElement.swiper : null; const enlargeButton = document.querySelector('[data-product-enlarge]'); const photoGallary = document.querySelector('.photo-gallary'); const photoGallaryWrapper = photoGallary ? photoGallary.querySelector('.photo-gallary__wrapper') : null; if (!thumbs || !mainSlider) { return; } const items = Array.from(thumbs.querySelectorAll('[data-product-thumb]')); const syncThumbs = function (index) { items.forEach(function (item, itemIndex) { item.classList.toggle('is-active', itemIndex === index); }); const activeItem = items[index]; if (activeItem) { const containerRect = thumbs.getBoundingClientRect(); const itemRect = activeItem.getBoundingClientRect(); const currentScroll = thumbs.scrollLeft; const leftOverflow = itemRect.left - containerRect.left; const rightOverflow = itemRect.right - containerRect.right; let nextScroll = currentScroll; if (leftOverflow < 0) { nextScroll += leftOverflow - 12; } else if (rightOverflow > 0) { nextScroll += rightOverflow + 12; } nextScroll = Math.max(0, Math.min(nextScroll, thumbs.scrollWidth - thumbs.clientWidth)); if (Math.abs(nextScroll - currentScroll) > 1) { thumbs.scrollTo({ left: nextScroll, behavior: 'smooth' }); } } }; thumbs.addEventListener('click', function (event) { const thumb = event.target.closest('[data-product-thumb]'); if (!thumb) { return; } const index = Number(thumb.dataset.index || 0); mainSlider.slideTo(index); syncThumbs(index); }); mainSlider.on('slideChange', function () { syncThumbs(mainSlider.activeIndex); }); window.addEventListener('resize', function () { syncThumbs(mainSlider.activeIndex); }); if (enlargeButton && photoGallaryWrapper) { enlargeButton.addEventListener('click', function () { const activeSlide = mainSlider.slides[mainSlider.activeIndex]; const activeImage = activeSlide ? activeSlide.querySelector('[data-image]') : null; if (!activeImage) { return; } photoGallaryWrapper.innerHTML = activeImage.innerHTML; popup.open('photo-gallary'); }); } syncThumbs(mainSlider.activeIndex); }); </script> <script src="/assets/web/js/components/smart-captcha.b8d04e316c1ea6ff.min.js"></script> <script src="/assets/web/js/accessibility.b5dfbd64d381dcb0.min.js"></script> </body> </html>

Сириус-ВЗ-М-Р Б-Л "Выход", зеленые буквы, белый фон, IP67, -60...+70С 1ExmbeIICT6 Gbx

Описание