API tools faq
paste
ThisIsIgrek

for maks

ThisIsIgrek
Nov 22nd, 2021
33
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 79.45 KB | None | 0 0
raw download clone embed print report
  1. <html lang="ru"><head><meta name="title" content="">
  2. <meta name="description" content="">
  3. <meta name="keyword" content="">
  4. <meta name="csrf-param" content="_csrf-frontend">
  5. <meta name="csrf-token" content="zbYnm3EOJCesuYp_4xn7Zjhc6I-5WNvV4QF2dA7rv_eewReuSWh9RNbW6RqHW80FaiSd19Bgkb2AdBk3a4jGpA==">
  6.  
  7. <link href="/css/select2.min.css" rel="stylesheet">
  8. <link href="/css/style.min.css" rel="stylesheet">
  9. <link href="/css/popup.css" rel="stylesheet">
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1">
  12.     <meta name="format-detection" content="telephone=no">
  13.     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  14.     <link rel="preconnect" href="https://fonts.googleapis.com">
  15.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  16.     <meta charset="UTF-8">
  17.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18.     <meta name="viewport" content="width=device-width, initial-scale=1">
  19.  
  20.         <title>asfasgf</title>
  21.     <meta name="title" content="">
  22. <meta name="description" content="">
  23. <meta name="keyword" content="">
  24. <meta name="csrf-param" content="_csrf-frontend">
  25. <meta name="csrf-token" content="zbYnm3EOJCesuYp_4xn7Zjhc6I-5WNvV4QF2dA7rv_eewReuSWh9RNbW6RqHW80FaiSd19Bgkb2AdBk3a4jGpA==">
  26.  
  27. <link href="/css/select2.min.css" rel="stylesheet">
  28. <link href="/css/style.min.css" rel="stylesheet">
  29. <link href="/css/popup.css" rel="stylesheet"></head>
  30.  
  31.  
  32.     <body><div class="popup-info-up popup-header container-fluid py-2 bg-primary
  33.            text-white fs-14 border-secondary border-left border-4">
  34.         <div class="row align-items-center flex-sm-nowrap">
  35.             <div class="col-sm">
  36.                 <p class="mb-0">
  37.                     Срок производства индивидуальных зеркал и душевых кабин от 1-го до 7-ми рабочих дней.
  38.          Убедитесь в совершенстве LIBERTA!                </p>
  39.             </div>
  40.             <div class="col-sm-auto mt-2 mt-sm-0">
  41.                 <button onclick="closeHeaderPopup()" class="btn btn-sm btn-outline-light">Спасибо, уже знаю                </button>
  42.             </div>
  43.         </div>
  44.     </div>
  45.  
  46. <header class="header in-top">
  47.     <div class="header__top-wrapper">
  48.         <div class="header__top">
  49.             <div class="container">
  50.                 <div class="row align-items-center justify-content-between">
  51.                     <div class="col-auto col-sm">
  52.                         <div class="row align-items-center">
  53.                             <div class="col-auto d-block d-xl-none">
  54.                                 <button type="button" class="btn-unstyled mobile-menu-toggle">
  55.                                     <span class="mobile-menu-toggle__icon"></span>
  56.                                 </button>
  57.                             </div>
  58.                             <div class="col-auto d-none d-xl-block">
  59.                                 <div class="dropdown">
  60.                                     <button class="btn-unstyled dropdown-toggle" type="button" id="showrooms" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  61.                                         <svg class="align-baseline" width="14" height="14" fill="currentColor" aria-hidden="true" focusable="false">
  62.                                             <use xlink:href="/img/sprite.svg#map-mark"></use>
  63.                                         </svg>
  64.                                         Адреса шоурумов                                    </button>
  65.                                     <div class="dropdown-menu fs-14" aria-labelledby="showrooms">
  66.                                                                                                                         <a class="dropdown-item" href="/showrooms">Украина</a>
  67.                                     </div>
  68.                                 </div>
  69.                             </div>
  70.                             <div class="col-auto d-none d-xl-block">
  71.                                 <a href="/service-center">
  72.                                     Сервисный центр</a>
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                     <div class="col-auto text-center">
  77.                         <a href="/" class="d-block">
  78.                                                             <img class="header__logo img-fluid d-none d-xl-block mx-auto" src="/img/icon/logo.svg" alt="Liberta logo">
  79.                                 <img class="header__logo header__logo--m img-fluid d-xl-none" src="/img/icon/logo_mob.svg" alt="Liberta logo">
  80.                                                     </a>
  81.                     </div>
  82.                     <div class="col-auto col-sm header__top-right">
  83.                         <div class="row align-items-center justify-content-end flex-nowrap">
  84.                             <div class="header__phone col-auto d-none d-xl-block">
  85.                                 <div class="dropdown">
  86.                                     <a class="dropdown-toggle" href="tel:+380673265980" role="button" id="phones" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  87.                                         +38(067) 326-59-80
  88.                                     </a>
  89.                                     <div class="dropdown-menu fs-14" aria-labelledby="phones">
  90.                                         <a class="dropdown-item" href="tel:+380501005980">+38(050) 100-59-80</a>
  91.                                         <a class="dropdown-item" href="tel:+380931701347">+38(093) 170-13-47</a>
  92.                                         <span class="d-block text-center fs-16">
  93.                                             Отдел нестандартов                                        </span>
  94.                                         <a class="dropdown-item" href="tel:+380500155090">+38(050) 015 50 90</a>
  95.                                         <a class="dropdown-item" href="tel:+380970155090">+38(097) 015 50 90</a>
  96.                                     </div>
  97.                                 </div>
  98.                             </div>
  99.                             <div class="col-auto">
  100.                                 <form action="/search" le="search" class="search-form">
  101.                                     <button type="button" class="search-form__toggle btn-unstyled">
  102.                                         <svg width="24" height="24" fill="currentColor" aria-hidden="true" focusable="false">
  103.                                             <use xlink:href="/img/sprite.svg#search"></use>
  104.                                         </svg>
  105.                                     </button>
  106.                                     <input type="search" name="q" class="search-form__field" placeholder="Поиск по сайту" autocomplete="off" value="">
  107.                                 </form>
  108.                             </div>
  109.                            
  110.                             <div class="col-auto">
  111.                                 <a class="cart-link" href="/cart">
  112.  
  113.                                                                         </a><a class="cart-link" rel="nofollow">
  114.                                        
  115.                                         <svg width="24" height="24" fill="currentColor" aria-hidden="true" focusable="false">
  116.                                             <use xlink:href="/img/sprite.svg#cart"></use>
  117.                                         </svg>
  118.  
  119.                                                                             </a>
  120.                             </div>
  121.                             <div class="col-auto d-none d-xl-block">
  122.                                 <a class="profile-link" href="profile">
  123.                                     <svg width="24" height="24" fill="currentColor" aria-hidden="true" focusable="false">
  124.                                         <use xlink:href="/img/sprite.svg#user"></use>
  125.                                     </svg>
  126.                                 </a>
  127.                             </div>
  128.  
  129.                             <div class="header__languages col-auto d-none d-xl-block">
  130.                                 <div class="dropdown">
  131.                                     <a class="dropdown-toggle" href="#" role="button" id="languages" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  132.                                         RU                                    </a>
  133.                                     <div class="dropdown-menu dropdown-menu-right fs-14" aria-labelledby="languages">
  134.                                                                                     <a class="dropdown-item" href="/ru/mirror">
  135.                                                 RU</a>
  136.                                                                                     <a class="dropdown-item" href="/uk/mirror">
  137.                                                 UK</a>
  138.                                                                                     <a class="dropdown-item" href="/en/mirror">
  139.                                                 EN</a>
  140.                                                                             </div>
  141.                                 </div>
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                 </div>
  146.             </div>
  147.         </div>
  148.     </div>
  149.  
  150.     <div class="header__nav-wrapper d-none d-xl-block">
  151.         <nav class="main-nav">
  152.             <div class="container">
  153.                 Пунктов меню пока нет            </div>
  154.         </nav>
  155.     </div>
  156.  
  157.     <div class="mobile-menu d-xl-none">
  158.         <div class="mobile-nav bg-white">
  159.             <ul class="mobile-nav__list mobile-nav__list--catalog list-unstyled">
  160.                 <li class="mobile-nav__list-item">
  161.                     <button type="button" class="mobile-nav__submenu-toggle btn-unstyled"></button>
  162.                     <a href="/mirrors">
  163.                         Зеркала                    </a>
  164.                     <ul class="mobile-nav__submenu mobile-nav__submenu--l1 list-unstyled">
  165.                         <li class="mobile-nav__list-item">
  166.                             <button type="button" class="mobile-nav__submenu-toggle btn-unstyled"></button>
  167.                             <a>
  168.                                 Коллекция                            </a>
  169.                             <ul class="mobile-nav__submenu mobile-nav__submenu--l2 list-unstyled">
  170.                                 <li><a href="/mirrors-art">ART</a></li>
  171.                                 <li><a href="/mirrors-smart">Smart</a></li>
  172.                                 <li><a href="/mirrors-royal">Royal</a></li>
  173.                                 <li><a href="/mirrors-deluxe">Deluxe</a></li>
  174.                                 <li><a href="/mirrors-premio">Premio</a></li>
  175.                                 <li><a href="/mirrors-standart">Standart</a></li>
  176.                                 <li><a href="/mirrors-new">
  177.                                         НОВИНКИ                                    </a></li>
  178.                             </ul>
  179.                         </li>
  180.                         <li class="mobile-nav__list-item">
  181.                             <button type="button" class="mobile-nav__submenu-toggle btn-unstyled"></button>
  182.                             <a>
  183.                                 Место размещения                            </a>
  184.                             <ul class="mobile-nav__submenu mobile-nav__submenu--l2 list-unstyled">
  185.                                 <li><a href="/mirrors-bathroom">
  186.                                         Ванная                                    </a></li>
  187.                                 <li><a href="/mirrors-lobby">
  188.                                         Прихожая                                    </a></li>
  189.                                 <li><a href="/mirrors-livingroom">
  190.                                         Гостинная                                    </a></li>
  191.                                 <li><a href="/mirrors-bedroom">
  192.                                         Спальня                                    </a></li>
  193.                                 <li><a href="/mirrors-makeup">
  194.                                         Салон красоты                                    </a></li>
  195.                                 <li><a href="/mirrors-kids">
  196.                                         Детская                                    </a></li>
  197.                             </ul>
  198.                         </li>
  199.                         <li class="mobile-nav__list-item">
  200.                             <button type="button" class="mobile-nav__submenu-toggle btn-unstyled"></button>
  201.                             <a>Форма</a>
  202.                             <ul class="mobile-nav__submenu mobile-nav__submenu--l2 list-unstyled">
  203.                                 <li><a href="/mirrors-rectangular">
  204.                                         Прямоугольные                                    </a></li>
  205.                                 <li><a href="/mirrors-square">
  206.                                         Квадратные                                    </a></li>
  207.                                 <li><a href="/mirrors-rounded">
  208.                                         Закругленные                                    </a></li>
  209.                                 <li><a href="/mirrors-ovals">
  210.                                         Овальные                                    </a></li>
  211.                                 <li><a href="/mirrors-circle">
  212.                                         Круглые                                    </a></li>
  213.                             </ul>
  214.                         </li>
  215.                         <li class="mobile-nav__list-item">
  216.                             <button type="button" class="mobile-nav__submenu-toggle btn-unstyled"></button>
  217.                             <a>
  218.                                 Дополнительные опции                            </a>
  219.                             <ul class="mobile-nav__submenu mobile-nav__submenu--l2 list-unstyled">
  220.                                 <li><a href="/mirrors-withillumination">
  221.                                         С подсветкой                                    </a></li>
  222.                                 <li><a href="/mirrors-withoutillumination">
  223.                                         Без подсветки                                    </a></li>
  224.                                 <li><a href="/mirrors-svetilnik">
  225.                                         Светильник                                    </a></li>
  226.                                 <li><a href="/mirrors-polka">
  227.                                         Полка                                    </a></li>
  228.                                 <li><a href="/mirrors-linza">
  229.                                         Линза                                    </a></li>
  230.                                 <li><a href="/mirrors-clock">
  231.                                         Часы                                    </a></li>
  232.                                 <li><a href="/mirrors-aluminum">
  233.                                         Металлическая рама                                    </a></li>
  234.                                 <li><a href="/mirrors-med">
  235.                                         Медиа                                    </a></li>
  236.                                 <li><a href="/mirrors-instock">
  237.                                         В наличии                                    </a></li>
  238.                             </ul>
  239.                         </li>
  240.                     </ul>
  241.                 </li>
  242.                 <li class="mobile-nav__list-item">
  243.                     <button type="button" class="mobile-nav__submenu-toggle btn-unstyled"></button>
  244.                     <a href="/showers">
  245.                         Душевые                    </a>
  246.                     <ul class="mobile-nav__submenu mobile-nav__submenu--l1 list-unstyled">
  247.                         <li>
  248.                             <a href="/showers-cabins">
  249.                                 Угловые кабины                            </a>
  250.                         </li>
  251.                         <li>
  252.                             <a href="/showers-door">
  253.                                 Двери для душа                            </a>
  254.                         </li>
  255.                         <li>
  256.                             <a href="/showers-partitions">
  257.                                 Перегородки для душа                            </a>
  258.                         </li>
  259.                         <li>
  260.                             <a href="/showers-curtains">
  261.                                 Шторки для ванной                            </a>
  262.                         </li>
  263.                     </ul>
  264.                 </li>
  265.                 <li class="mobile-nav__list-item">
  266.                     <a href="/doors">
  267.                         Межкомнатные двери                    </a>
  268.                 </li>
  269.                 <li class="mobile-nav__list-item">
  270.                     <a href="/sliding">
  271.                         Раздвижные системы                    </a>
  272.                 </li>
  273.             </ul>
  274.             <ul class="mobile-nav__list mobile-nav__list--pages list-unstyled">
  275.                 <li class="mobile-nav__list-item"><a href="/about-us">
  276.                         О компании                    </a></li>
  277.                 <li class="mobile-nav__list-item"><a href="/showrooms">
  278.                         Адреса шоурумов                    </a></li>
  279.                 <li class="mobile-nav__list-item"><a href="/service-center">
  280.                         Сервисный центр</a>
  281.                     </li>
  282.                 <li class="mobile-nav__list-item"><a href="/payment-and-delivery">
  283.                         Доставка и оплата                    </a></li>
  284.                 <li class="mobile-nav__list-item"><a href="/garranty-and-return">
  285.                         Гарантия и возврат                    </a></li>
  286.                 <li class="mobile-nav__list-item"><a href="/blog">
  287.                         Блог                    </a></li>
  288.                 <li class="mobile-nav__list-item"><a href="/contacts">
  289.                         Контактная информация                    </a></li>
  290.                 <li class="mobile-nav__list-item"><a href="/mission">
  291.                         Социальная миссия                    </a></li>
  292.             </ul>
  293.             <ul class="mobile-nav__list mobile-nav__list--phones list-unstyled">
  294.                 <li class="mobile-nav__list-item"><a href="tel:+380673265980">+38(067) 326-59-80</a></li>
  295.                 <li class="mobile-nav__list-item"><a href="tel:+380501005980">+38(050) 100-59-80</a></li>
  296.                 <li class="mobile-nav__list-item"><a href="tel:+380931701347">+38(093) 170-13-47</a></li>
  297.                 <li class="mobile-nav__list-item"><span>
  298.                         Отдел нестандартов:</span></li>
  299.                 <li class="mobile-nav__list-item"><a href="tel:+380500155090">+38(050) 015 50 90</a></li>
  300.                 <li class="mobile-nav__list-item"><a href="tel:+380970155090">+38(097) 015 50 90</a></li>
  301.             </ul>
  302.         </div>
  303.     </div>
  304.  
  305. </header>
  306.  
  307.  
  308. <main class="post pt-20p pt-xl-0 pb-50p">
  309.     <div class="container">
  310.         <!--------------------Хлебные крошки--------------------->
  311.         <nav aria-label="breadcrumb" class="d-none d-xl-block">
  312.             <ol class="breadcrumb" itemscope="" itemtype="http://schema.org/BreadcrumbList"><li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a class="" href="/" itemprop="item"><span itemprop="name">Главная</span></a><meta itemprop="position" content="1"></li><li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a class="" href="/blog" itemprop="item"><span itemprop="name">Блог</span></a><meta itemprop="position" content="2"></li><li class="breadcrumb-item active ">asfasgf</li></ol>        </nav>
  313.         <!-------------------------------------------------------->
  314.  
  315.         <h1>asfasgf</h1>
  316.  
  317.                 <div class="post__content text">
  318.             <p>Зачастую, наши прихожие имеют небольшие размеры, поэтому на первый план выходит функциональность каждого предмета интерьера и возможность визуального расширения пространства. Эту функцию помогут выполнить как вертикальные, так и горизонтальные зеркала.</p><p>Например, зеркало в прихожую Elini, оснащенное внутренней подсветкой, не только справится с задачей визуального расширения пространства, но и дополнит его теплым светом</p><p>настенное зеркало в прихожую.</p><h2>Где размещать зеркало?</h2><p>Так как места возле входной двери немного, остается актуальным вопрос, как выбрать <a href="https://liberta.ua/mirrors-lobby">зеркало в прихожую</a>, чтобы оно идеально вписалось в имеющуюся геометрию интерьера, стало его частью или даже оригинальным решением.</p><p>Первое, что вам необходимо уяснить — зеркало должно размещаться там, где вам будет удобнее всего взглянуть на себя перед выходом — поправить шарфик, улыбнуться и отправиться по своим делам с хорошим настроением.</p><p>Как правило, мы смотрим на свое отражение перед тем, как покинуть квартиру, поэтому освещение должно быть достаточным, чтобы увидеть дефекты макияжа или же шерсть от домашних питомцев на одежде. Если пространство позволяет, выберите вертикальную модель — так вы сможете оценить свой безупречный вид в полный рост. Для тех, что предпочитает функциональность, мы готовы предложить горизонтальное зеркало в прихожую — аккуратная стеклянная полочка будет идеальна для размещения ключей и милых сердцу дам мелочей: духов, блеска для губ или помады. Добавьте перед выходом завершающий ваш образ штрих, и обязательно полюбуйтесь своей красотой — мы уверены, на вашем лице обязательно заиграет довольная улыбка!</p><p><img src="https://liberta.ua/uploads/redactor/blog/5b4ca773013de.jpg" alt=""></p><h2>Решение вопросов декора при помощи зеркал</h2><p>Кроме размера и места размещения зеркала, необходимо правильно подобрать модель, соответствующую интерьеру прихожей. В этом случае вам поможет каталог зеркал, в которых представлены не только разные размеры и варианты подсветки, но и разнообразные функциональные решения с использованием самых современных технических новинок.</p><p>Круглое настенное зеркало в прихожую, в багетной раме.</p><p>Классический интерьер предполагает соответствующее оформление, поэтому советуем вам обратить внимание на зеркало с багетной рамой, с фасетом или самое популярное решение, объединившее в себе красоту и удобство — подсветка по периметру в виде рамы. Здесь ваша фантазия ничем не ограничена — любой ваш каприз можно воплотить в реальность при помощи моделей зеркал LONATO, ASSO, MONZA и REMO. А если в вашем интерьере присутствует определенный рисунок, мы с радостью повторим его в подсветке по периметру зеркала!</p><p><br></p><p>
  319.  
  320. <!-----------------------------------------------------------------------For Igor----------------------------------------------------------------------------------->
  321.  
  322.  
  323. </p><div class="similar-products pb-50p">
  324.     <hr class="border-light mt-0 mb-30p">
  325.     <h2 class="text-center">Смотрите также</h2>
  326.     <div class="row row-16 justify-content-center mb-n3 mt-30p">
  327.  
  328.         <div class="col-md-4 col-xl-3 mb-3">
  329.             <div class="product-card product-card--media">
  330.                 <div class="product-card__info">
  331.                     <div class="product-card__img-wrap">
  332.                         <div class="product-card__media-left">
  333.                             <div class="circle delay1"></div>
  334.                             <div class="circle delay2"></div>
  335.                             <div class="circle delay3"></div>
  336.                             <div class="circle delay4"></div>
  337.                         </div>
  338.                         <div class="product-card__media-right">
  339.                             <div class="circle delay1"></div>
  340.                             <div class="circle delay2"></div>
  341.                             <div class="circle delay3"></div>
  342.                             <div class="circle delay4"></div>
  343.                         </div>
  344.                         <img class="product-card__img" src="//liberta.ua/uploads/basicImage/270x240/LIVO media preview 1_1557168523.png" alt="LIVO media">
  345.                     </div>
  346.                     <a href="/smart-800x600" class="product-card__name stretched-link">LIVO media</a>
  347.                     <div><span class="text-muted">От</span> 6 983 грн.</div>
  348.                 </div>
  349.                 <div class="product-card__full fs-12 ">
  350.                     <div class="text-muted">Доступные <br>опции:</div>
  351.                     <ul class="product-card__options list-unstyled mt-2 mb-0">
  352.                         <li class="product-card__option light_inside">
  353.                             <span class="product-card__option-icon"></span>
  354.                             <span class="product-card__option-title">Основная подсветка</span>
  355.                         </li>
  356.                         <li class="product-card__option light_outside">
  357.                             <span class="product-card__option-icon"></span>
  358.                             <span class="product-card__option-title">Подсветка на стену</span>
  359.                         </li>
  360.                         <li class="product-card__option linse">
  361.                             <span class="product-card__option-icon"></span>
  362.                             <span class="product-card__option-title">Линза х5</span>
  363.                         </li>
  364.                         <li class="product-card__option facet">
  365.                             <span class="product-card__option-icon"></span>
  366.                             <span class="product-card__option-title">Фацет</span>
  367.                         </li>
  368.                         <li class="product-card__option polka">
  369.                             <span class="product-card__option-icon"></span>
  370.                             <span class="product-card__option-title">Полка</span>
  371.                         </li>
  372.                     </ul>
  373.                 </div>
  374.             </div>
  375.         </div>
  376.  
  377.         <div class="col-md-4 col-xl-3 mb-3">
  378.             <div class="product-card product-card">
  379.                 <div class="product-card__info">
  380.                     <div class="product-card__img-wrap">
  381.                         <img class="product-card__img" src="//liberta.ua/uploads/basicImage/270x240/xFOSSA,P2016_1565081133.png.pagespeed.ic.3ApsQ5qghB.png" alt="FOSSA с полкой">
  382.                     </div>
  383.                     <a href="/smart-800x600" class="product-card__name stretched-link">FOSSA с полкой</a>
  384.                     <div><span class="text-muted">От</span> 4 852 грн.</div>
  385.                 </div>
  386.                 <div class="product-card__full fs-12 ">
  387.                     <div class="text-muted">Доступные <br>опции:</div>
  388.                     <ul class="product-card__options list-unstyled mt-2 mb-0">
  389.                         <li class="product-card__option light_inside">
  390.                             <span class="product-card__option-icon"></span>
  391.                             <span class="product-card__option-title">Основная подсветка</span>
  392.                         </li>
  393.                         <li class="product-card__option linse">
  394.                             <span class="product-card__option-icon"></span>
  395.                             <span class="product-card__option-title">Линза х5</span>
  396.                         </li>
  397.                         <li class="product-card__option clock">
  398.                             <span class="product-card__option-icon"></span>
  399.                             <span class="product-card__option-title">Часы/ Термометр</span>
  400.                         </li>
  401.                         <li class="product-card__option polka">
  402.                             <span class="product-card__option-icon"></span>
  403.                             <span class="product-card__option-title">Полка</span>
  404.                         </li>
  405.                     </ul>
  406.                 </div>
  407.             </div>
  408.         </div>
  409.  
  410.         <div class="col-md-4 col-xl-3 mb-3">
  411.             <div class="product-card">
  412.                 <div class="product-card__info">
  413.                     <div class="product-card__img-wrap">
  414.                         <img class="product-card__img" src="//liberta.ua/uploads/imageCategoryProduct/xG4_1583826344.png.pagespeed.ic.26r7m5SgOv.png" alt="CORE Grey">
  415.                     </div>
  416.                     <a href="/smart-800x600" class="product-card__name stretched-link">CORE Grey</a>
  417.                     <div><span class="text-muted">От</span> 19 700 грн.</div>
  418.                 </div>
  419.             </div>
  420.         </div>
  421.  
  422.         <div class="col-md-4 col-xl-3 mb-3 d-none d-xl-block">
  423.             <div class="product-card product-card">
  424.                 <div class="product-card__info">
  425.                     <div class="product-card__img-wrap">
  426.                         <img class="product-card__img" src="//liberta.ua/uploads/basicImage/270x240/x-Smart-800x600-23.695_1539849166.png.pagespeed.ce.-1U7njardw.png" alt="LIBERTA SMART MIRROR 800x600 / 23.6”">
  427.                     </div>
  428.                     <a href="/smart-800x600" class="product-card__name stretched-link">LIBERTA SMART MIRROR 800x600 /
  429.                         23.6”</a>
  430.                     <div><span class="text-muted">От</span> 44 890 грн.</div>
  431.                 </div>
  432.             </div>
  433.         </div>
  434.  
  435.     </div>
  436. </div>
  437.  
  438. <!---->
  439. <!--    <div class="similar-products pb-50p">-->
  440. <!--        <hr class="border-light mt-0 mb-30p">-->
  441. <!--        <div class="row row-16 justify-content-center mb-n3 mt-30p">-->
  442. <!--            <div class="col-md-4 col-xl-3 mb-3">-->
  443. <!--                --><!--            </div>-->
  444. <!--        </div>-->
  445. <!--    </div>-->
  446. <p></p><p><br></p><h2>Современные технологии в создании пространства</h2><p>Подсветкой зеркала вряд ли удивишь современного человека, избалованного множеством «фишек» и приспособлений. Но будете ли вы удивлены, если зеркало будет включаться легким движением руки?</p><p>Сенсорный датчик движения – это одно из последних достижений техники, которое теперь доступно и простым обывателям. Для того, чтобы подсветка включилась, вам достаточно провести рукой на расстоянии не более 6 см от датчика.</p><hr><p>Сенсор устанавливается на торце зеркала справа, слева или под зеркалом по вашему желанию и исходя из технической возможности каждой модели зеркала.</p><p><span class="expert-name">Сергей Тютюник</span> <span class="expert-position">СEO Liberta</span></p><p>Это небольшая, но, безусловно, интересная изюминка интерьера сразу покажет каждому гостю вашего дома, что вы не чужды современным технологиям и активно их используете. Кроме того, в минималистическом и техно-стиле интерьера следует избегать лишних включателей и выключателей, могущих нарушить всю гармонию предметов и мебели. А сенсорная панель идеально впишется в интерьер, став его неотъемлемой частью.</p><p>Кроме того, вы никогда не будете мучиться вопросом: не забыли ли вы выключить свет? Ведь теперь он будет выключаться автоматически, как только вы отойдете от зеркала! Функциональность, удобство, бережное отношение к электроэнергии создают идеальную гармонию пространства, освещенную теплым и ровным светом.</p>        </div>
  447.  
  448.         <div class="post__share d-flex mt-30p">
  449.             <div class="row row-16">
  450.                 <div class="col-auto">
  451.                     <button class="post__share-btn fb"><img src="/img/icon/facebook.svg" alt="" width="20">
  452.                         <span data-easyshare-button-count="facebook" class="ml-2">0</span></button>
  453.                 </div>
  454.                 <div class="col-auto">
  455.                     <button class="post__share-btn g-plus">
  456.                         <img src="/img/icon/google-plus.svg" alt="" width="20">
  457.                     </button>
  458.                 </div>
  459.                 <div class="col-auto">
  460.                     <button class="post__share-btn tw"><img src="/img/icon/twitter.svg" alt="" width="20">
  461.                     </button>
  462.                 </div>
  463.             </div>
  464.         </div>
  465.  
  466.         <div class="post__pagination d-flex justify-content-between mt-30p">
  467.             <a href="/mirror">‹ Предыдущий</a>
  468.             <a href="/mirror">Следующий ›</a>
  469.         </div>
  470.         <div class="mt-30p">
  471.             <a class="btn btn-outline-info btn-block font-weight-500" href="/blog">Вернуться к списку статей</a>
  472.         </div>
  473.  
  474.     </div>
  475. </main>
  476.  
  477. <div class="subscribe text-center">
  478.     <div class="container">
  479.         <form>
  480.             <div class="form-group mb-0 form-row align-items-center justify-content-center">
  481.                 <label for="subscribe" class="col-lg-auto mb-lg-0">
  482.                     Советы по стилю, новинки и распродажи.
  483.                     Подпишись:</label>
  484.                 <div class="col-sm-auto mb-2 mb-sm-0">
  485.                     <input type="email" class="subscribe__form-control form-control rounded-lg" id="subscribe" placeholder="Ваша эл. почта" required="">
  486.                 </div>
  487.                 <div class="col-sm-auto">
  488.                     <button class="subscribe__btn btn btn-secondary" onclick="subscribeToNews(event)">
  489.                         Подписаться</button>
  490.                 </div>
  491.             </div>
  492.         </form>
  493.     </div>
  494. </div>
  495.  
  496. <div class="modal modal-pop-up fade" id="modalPopUpWindow" tabindex="-1" aria-labelledby="modalPopUpLabel" aria-hidden="true">
  497.     <div class="modal-dialog">
  498.         <div class="modal-content">
  499.             <div class="modal-header p-0">
  500.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  501.                     <span aria-hidden="true"></span>
  502.                 </button>
  503.             </div>
  504.             <div class="modal-body">
  505.                 <div class="pop-up">
  506.                     <div class="row align-items-center pop-up__content m-0">
  507.                         <div class="col-12 col-sm-5 pop-up__left">
  508.                             <img class="img-fluid" src="/uploads/popup/1.jpg" alt="">
  509.                         </div>
  510.                         <div class="col-12 col-sm-7 pop-up__right">
  511.                             <h4></h4>
  512.                             <div></div>
  513.                         </div>
  514.                     </div>
  515.  
  516.                 </div>
  517.             </div>
  518.         </div>
  519.     </div>
  520. </div>
  521.  
  522. <!-- Modal Success Subscription -->
  523. <div class="modal fade" id="success-modal-subscription" tabindex="-1" aria-hidden="true">
  524.     <div class="modal-dialog p-20p">
  525.         <div class="modal-content w-auto mx-auto p-40p">
  526.             <div class="modal-header">
  527.                 <h3 class="modal-title text-center p-0">
  528.                     Спасибо за подписку!                </h3>
  529.             </div>
  530.  
  531.             <div class="modal-footer">
  532.                 <p>Подписка на наши новости и обновления успешно оформлена</p>
  533.             </div>
  534.         </div>
  535.     </div>
  536. </div>
  537.  
  538. <!-- Modal Error -->
  539. <div class="modal fade" id="error-modal" tabindex="-1" aria-hidden="true">
  540.     <div class="modal-dialog p-20p">
  541.         <div class="modal-content w-auto mx-auto p-40p">
  542.             <div class="modal-header">
  543.                 <h3 id="modal-error-header" class="modal-title text-center p-0">
  544.                     Произошла ошибка                </h3>
  545.             </div>
  546.  
  547.             <div class="modal-footer">
  548.                 <p id="modal-error-footer">
  549.                     Наши специалисты уже разбираются с ней!                </p>
  550.             </div>
  551.         </div>
  552.     </div>
  553. </div>
  554.  
  555. <footer class="footer">
  556.     <div class="modal fade" id="modal-popup-info-center" tabindex="-1" role="dialog" aria-labelledby="modal-popup-info-center" data-backdrop="static" data-keyboard="false" aria-hidden="false">
  557.         <div class="modal-dialog modal-dialog-centered" role="document">
  558.             <div class="modal-content">
  559.                 <div class="modal-body">
  560.                     <div class="popup-info-body">
  561.                         <div class="left"><img src="#"></div>
  562.                         <div class="right">
  563.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  564.                                 <span aria-hidden="true">X</span>
  565.                             </button>
  566.  
  567.                             <div class="right-block">
  568.                                 <h2></h2>
  569.                                 <div></div>
  570.                             </div>
  571.                             <a class="popup-link" style="display:none" href=""></a>
  572.                         </div>
  573.                     </div>
  574.                 </div>
  575.             </div>
  576.         </div>
  577.     </div>
  578.     <div class="container">
  579.         <div class="footer__top d-none d-xl-block">
  580.             <div class="row no-gutters align-items-start">
  581.                 <div class="col-3 footer__col">
  582.                     <div class="footer__menu-title">Интернет-магазин</div>
  583.                     <ul class="footer__menu list-unstyled mb-0">
  584.                         <li><a href="/about-us">О компании</a></li>
  585.                         <li><a href="/blog">Блог</a></li>
  586.                         <li><a href="/showrooms">Адреса шоу-румов</a></li>
  587.                     </ul>
  588.                 </div>
  589.                 <div class="col-3 footer__col">
  590.                     <div class="footer__menu-title">Каталог товаров</div>
  591.                     <ul class="footer__menu list-unstyled mb-0">
  592.                         <li><a href="/mirrors">Зеркала</a></li>
  593.                         <li><a href="/showers-cabins">Душевые</a></li>
  594.                         <li><a href="/doors">Межкомнатные двери</a></li>
  595.                         <li><a href="/sliding">Раздвижные системы</a></li>
  596.                     </ul>
  597.                 </div>
  598.                 <div class="col-3 footer__col">
  599.                     <div class="footer__menu-title">Информация для покупателей</div>
  600.                     <ul class="footer__menu list-unstyled mb-0">
  601.                         <li><a href="/service-center">Сервисный центр</a></li>
  602.                         <li><a href="/payment-and-delivery">Доставка и оплата</a></li>
  603.                         <li><a href="/garranty-and-return">Гарантия и возврат</a></li>
  604.                     </ul>
  605.                 </div>
  606.                 <div class="col-3 footer__col footer__col--contacts">
  607.                     <div class="footer__menu-title">Есть вопросы?</div>
  608.                     <ul class="footer__phones list-unstyled">
  609.                         <li><a href="tel:+380673265980">+38(067) 326-59-80</a></li>
  610.                         <li><a href="tel:+380501005980">+38(050) 100-59-80</a></li>
  611.                         <li><a href="tel:+380931701347">+38(093) 170-13-47</a></li>
  612.                     </ul>
  613.                     <ul class="footer__menu list-unstyled mb-0">
  614.                         <li><a href="mailto:info@liberta.com.ua">info@liberta.com.ua</a></li>
  615.                         <li><a href="/contacts">Контактная информация</a></li>
  616.                         <li><a href="/mission">Социальная миссия</a></li>
  617.                     </ul>
  618.                 </div>
  619.             </div>
  620.         </div>
  621.         <div class="footer__bottom">
  622.             <div class="row align-items-center">
  623.                 <div class="col-md-4 text-center text-md-left mb-3 mb-md-0">
  624.                     <p class="text-muted mb-0">© 2021 Интернет-магазин Liberta</p>
  625.                 </div>
  626.                 <div class="col-md-4 mb-3 mb-md-0">
  627.                     <ul class="footer__social list-unstyled mb-0">
  628.                         <li>
  629.                             <a href="https://www.facebook.com/Liberta.LED" target="_blank">
  630.                                 <svg height="20" fill="currentColor" aria-hidden="true" focusable="false">
  631.                                     <use xlink:href="/img/sprite.svg#fb"></use>
  632.                                 </svg>
  633.                             </a>
  634.                         </li>
  635.                         <li>
  636.                             <a href="https://www.youtube.com/channel/UCUk-bx0lXWfaahpbkN3lMwA" target="_blank">
  637.                                 <svg height="20" fill="currentColor" aria-hidden="true" focusable="false">
  638.                                     <use xlink:href="/img/sprite.svg#youtube"></use>
  639.                                 </svg>
  640.                             </a>
  641.                         </li>
  642.                         <li>
  643.                             <a href="https://www.instagram.com/liberta.ua/" target="_blank">
  644.                                 <svg height="20" fill="currentColor" aria-hidden="true" focusable="false">
  645.                                     <use xlink:href="/img/sprite.svg#instagram"></use>
  646.                                 </svg>
  647.                             </a>
  648.                         </li>
  649.                     </ul>
  650.                 </div>
  651.                 <div class="col-md-4 text-center text-md-right">
  652.                     <p class="text-muted mb-0">Создание дизайна                        <a rel="nofollow" target="_blank" href="http://www.fresh-d.net/">Fresh Agency</a></p>
  653.                 </div>
  654.             </div>
  655.         </div>
  656.     </div>
  657. </footer>
  658. <div><div id="yii-debug-toolbar" class="yii-debug-toolbar yii-debug-toolbar_position_bottom" data-height="50" style="display: block;">
  659.     <div class="yii-debug-toolbar__resize-handle"></div>
  660.     <div class="yii-debug-toolbar__bar">
  661.         <div class="yii-debug-toolbar__block yii-debug-toolbar__title">
  662.             <a href="/debug/default/index">
  663.                 <img width="30" height="30" alt="Yii" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAC7lBMVEUAAACl034Cb7HlcjGRyT/H34fyy5PxqlSfzjwQeb5PmtX71HAMdrWOxkDzmU3qcDSPx0HzhUGNxT+/2lX2olDmUy/Q1l+TyD7rgjq21k3ZRzDQ4GGFw0Ghzz6MwOkKdrTA2lTzzMVjo9mhzkCIxUPk1MLynU7qWS33vmbP1rm011Fwqsj123/r44tUltTyq1aCxEOo0EL1tFuCw0Npp9v7xGVHkM8Ddrza0pvC3FboczHmXSvE21h+wkRkpNHvjkS92FPW3avpeDT2t1zX5GefzUD6wGQReLtMltPN417oczPZ0L+62FF+tuJgqtXZUzNzrN3s4Y7n65y72FLwmk7xjESr0kYof8MQe8DY5Gc6jMnN32DoaDLbTiLulUo1hsni45vuwnIigMXC21dqq8vKzaaBt+XU4mUMd7wDdr7xlUrU4a7A2VTD0LbVx5vvpFP/0m9godp/tuTD0LVyrsfZVDUuhMjkPChsrMt3suK92VDd52oEc7un0EKjzj7D21e01EuSyD2fzDvH3Fqu0kcDdL641k+x00rmXy0EdLiayzzynU2XyTzxmUur0ETshD7lZDDvkUbtiUDrgTvqfjrkWS292FPujEKAuObQ4GH3vWH1slr0r1j0pVLulEiPxj7oeDRnptn4zWrM31/1t13A2lb1rFb1qVS72FKHw0CLxD/qdTfnazL4wGPJ3VzwpFLpcjKFveljo9dfn9ZbntUYfcEIdr35w2XyoFH0ok/pfDZ9tONUmNRPltJIj89Ais388IL85Hn82nL80W33uV72tFy611DxlUnujkSCwkGlz0DqeTnocDJ3r99yrN1Xm9RFjc42hsorgsYhgMQPer/81XD5yGbT4mTriD/lbS3laCvjTiluqN5NktAxhMf853v84He/2VTgVCnmVSg8h8sHcrf6633+3nb8zGr2xmR/wEGcyzt3r+T/6n7tm01tqNnfSCnfPyO4zLmFwkDVRDGOweLP1aX55nrZTTOaxdjuY9uiAAAAfHRSTlMABv7+9hAJ/vMyGP2CbV5DOA+NbyYeG/DV0sC/ubaonYN5blZRQT41MSUk/v797+zj49PR0MXEw8PDu6imppqYlpOGhYN+bldWVFJROjAM+fPy8fDw8O7t6+vp5+Lh4N7e3Nvb2NPQ0MW8urm2rqiimJKFg3t5amZTT0k1ewExHwAABPVJREFUSMed1Xc81HEYB/DvhaOUEe29995777333ntv2sopUTQ4F104hRBSl8ohldCwOqfuuEiKaPdfz/P7/u6Syuu+ff727vM8z+8bhDHNB3TrXI38V6p1fvSosLBwgICd1qx/5cqVT8jrl9c1Wlm2qmFdgbWq5X316lXKq5dxu+ouyNWePevo6JjVd6il9T/soUPe3t48tyI0LeqWlpbk5oJ1dXVVKpNCH/e1/NO2rXXy5CEI5Y+6EZomn0tLSlS50OuaFZQUGuojl7vXtii/VQMnp5MQPW/+C6tUXDFnfeTubm4utVv+fud3EPTIUdfXYZVKpQULxTp75sz5h4PK7C4wO8zFCT1XbkxHG/cdZuaLqXV5Afb0xYW2etxsPxfg73htbEUPBhgXDgoKCg30kbu58Pai8/SW+o3t7e0TExPBYzuObkyXFk7SAnYFnBQYyPeePn3R2fnEiZsWPO5y6pQ9JpHXgPlHWlcLxWiTAh/LqX3wAOlNiYTXRzGn8F9I5LUx/052aLWOWVnwgQMfu7u7UQu9t26FhISYcpObHMdwHstxcR2uAc1ZSlgYsJsL7kutRCKT+XeyxWMfxHAeykE7OQGm6ecIOInaF3grmPkEWn8vL3FXIfxEnWMY8FTD5GYjeNwK3pbSCDEsTC30ysCK79/3HQY/MTggICABOZRTbYYHo9WuSiMjvhi/EWf90frGe3q2JmR8Ts65cwEJCVAOGgc3a6bD1vOVRj5wLVwY7U2dvR/vGRy1BB7TsgMH/HKAQzfVZlZEF0sjwHgtLC7GbySjvWCjojYS0vjIEcpBH8WTmwmIPmON4GEChksXF8MnotYX7NuMDGkb0vbaEeQ50E11A1R67SOnUzsjlsjgzvHx8cFRQKUFvQmpd/kaaD+sPoiYrqyfvDY39QPYOMTU1F8shn09g98WSOPi4szbEBuPy8BRY7V9l3L/34VDy2AvsdgXLfTGmZun9yY1PTw8Ll+DwenWI0j52A6awWGJzNQLj0VtenpsbHshWZXpQasTYO6ZJuTPCC3WQjFeix5LKpWap8dqNJohZHgmaA5DtQ35e6wtNnXS4wwojn2jUSimkH2ZtBpxnYp+67ce1pX7xBkF1KrV+S3IHIrxYuNJxbEd2SM4qoDDim/5+THrSD09bmzIn5eRPTiMNmYqLM2PDUMblNabzaE5PwbSZowHPdi0tsTQmKxor1EXFcXEDKnJf6q9xOBMCPvyVQG6aDGZhw80x8ZwK1h5ISzsRwe1Wt2B1MPHPZgYnqa3b1+4gOUKhUl/sP0Z7ITJycmowz5q3oxrfMBvvYBh6O7ZKcnvqY7dZuPXR8hQvOXSJdQc/7hhTB8TBjs6Ivz6pezsbKobmggYbJWOT1ADT8HFGxKW9LwTjRp4CujbTHj007t37kRHhGP5h5Tk5K0MduLce0/vvoyOjoiIuH4ddMoeBrzz2WvUMDrMDvpDFQa89Pkr4KCBo+7OYEdFpqLGcqqbMuDVaZGpqc/1OjycYerKohtpkZFl9ECG4qoihxvA9aN3ZDlXL5GDXR7Vr56BZtlYcAOwnQMdHXRPlmdd2U5kh5gffRHL0GSUXR5gKBeJ0tIiZ1UmLKlqlydygHD1s8EyYYe8PBFMjulVhbClEdy6kohLVTaJGEYW4eBr6MhsY1fi0ggoe7a3a7d84O6J5L8iNOiX3U+uoa/p8UPtoQAAAABJRU5ErkJggg==">
  664.             </a>
  665.         </div>
  666.  
  667.         <div class="yii-debug-toolbar__block yii-debug-toolbar__ajax" style="display: block;">
  668.             AJAX <span class="yii-debug-toolbar__label yii-debug-toolbar__ajax_counter yii-debug-toolbar__label_success">1</span>
  669.             <div class="yii-debug-toolbar__ajax_info">
  670.                 <table>
  671.                     <thead>
  672.                     <tr>
  673.                         <th>Method</th>
  674.                         <th>Status</th>
  675.                         <th>URL</th>
  676.                         <th>Time</th>
  677.                         <th>Profile</th>
  678.                     </tr>
  679.                     </thead>
  680.                     <tbody class="yii-debug-toolbar__ajax_requests"><tr class="yii-debug-toolbar__ajax_request"><td>GET</td><td><span class="yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_success">200</span></td><td class="yii-debug-toolbar__ajax_request_url" title="/popup/popup">/popup/popup</td><td class="yii-debug-toolbar__ajax_request_duration">141 ms</td> <td><a href="/debug/default/view?tag=619ba3a5addeb">619ba3a5addeb</a></td></tr></tbody>
  681.                 </table>
  682.             </div>
  683.         </div>
  684.  
  685.                                     <div class="yii-debug-toolbar__block">
  686.     <a href="/debug/default/view?panel=config&amp;tag=619ba3a4f3f02" tabindex="-1">
  687.         <span class="yii-debug-toolbar__label">2.0.43</span>
  688.         PHP
  689.         <span class="yii-debug-toolbar__label">7.3.17</span>
  690.     </a>
  691. </div>
  692.                                                 <div class="yii-debug-toolbar__block">
  693.     <a href="/debug/default/view?panel=request&amp;tag=619ba3a4f3f02" title="Status code: 200 OK" tabindex="-1">Status <span class="yii-debug-toolbar__label yii-debug-toolbar__label_success">200</span></a>
  694. </div>
  695.                                                 <div class="yii-debug-toolbar__block">
  696.     <a href="/debug/default/view?panel=router&amp;tag=619ba3a4f3f02" title="Action: modules\blog\controllers\frontend\BlogController::actionView()" tabindex="-1">Route <span class="yii-debug-toolbar__label">blog/blog/view</span></a>
  697. </div>
  698.                                                
  699. <div class="yii-debug-toolbar__block">
  700.     <a href="/debug/default/view?panel=log&amp;tag=619ba3a4f3f02" title="Logged 172 messages" tabindex="-1">Log
  701.         <span class="yii-debug-toolbar__label">172</span>
  702.     </a>
  703.         </div>
  704.                                                 <div class="yii-debug-toolbar__block">
  705.     <a href="/debug/default/view?panel=profiling&amp;tag=619ba3a4f3f02" title="Total request processing time was 273 ms" tabindex="-1">Time <span class="yii-debug-toolbar__label yii-debug-toolbar__label_info">273 ms</span></a>
  706.     <a href="/debug/default/view?panel=profiling&amp;tag=619ba3a4f3f02" title="Peak memory consumption" tabindex="-1">Memory <span class="yii-debug-toolbar__label yii-debug-toolbar__label_info">11.683 MB</span></a>
  707. </div>
  708.                                                     <div class="yii-debug-toolbar__block">
  709.         <a href="/debug/default/view?panel=db&amp;tag=619ba3a4f3f02" title="Executed 82 database queries which took 34 ms." tabindex="-1">
  710.             DB <span class="yii-debug-toolbar__label yii-debug-toolbar__label_info">82</span> <span class="yii-debug-toolbar__label">34 ms</span>
  711.         </a>
  712.     </div>
  713.                                                     <div class="yii-debug-toolbar__block">
  714.         <a href="/debug/default/view?panel=event&amp;tag=619ba3a4f3f02" tabindex="-1">Events <span class="yii-debug-toolbar__label">214</span></a>
  715.     </div>
  716.                                                     <div class="yii-debug-toolbar__block">
  717.         <a href="/debug/default/view?panel=assets&amp;tag=619ba3a4f3f02" title="Number of asset bundles loaded" tabindex="-1">Asset Bundles <span class="yii-debug-toolbar__label yii-debug-toolbar__label_info">1</span></a>
  718.     </div>
  719.                                                                                                                                                 <div class="yii-debug-toolbar__block">
  720.     <a href="/debug/default/view?panel=user&amp;tag=619ba3a4f3f02" tabindex="-1">
  721.                     <span class="yii-debug-toolbar__label">Guest</span>
  722.             </a>
  723. </div>
  724.                                                                    
  725.         <div class="yii-debug-toolbar__block_last">
  726.  
  727.         </div>
  728.         <a class="yii-debug-toolbar__external" href="#" target="_blank">
  729.             <span class="yii-debug-toolbar__external-icon"></span>
  730.         </a>
  731.  
  732.         <span class="yii-debug-toolbar__toggle">
  733.             <span class="yii-debug-toolbar__toggle-icon"></span>
  734.         </span>
  735.     </div>
  736.  
  737.     <div class="yii-debug-toolbar__view">
  738.         <iframe src="about:blank" frameborder="0" title="Yii2 debug bar"></iframe>
  739.     </div>
  740. </div>
  741. </div><style>#yii-debug-toolbar-logo{position:fixed;right:31px;bottom:4px}@media print{.yii-debug-toolbar{display:none !important}}.yii-debug-toolbar{font:11px Verdana, Arial, sans-serif;text-align:left;width:96px;transition:width .3s ease;z-index:1000000}.yii-debug-toolbar.yii-debug-toolbar_active:not(.yii-debug-toolbar_animating) .yii-debug-toolbar__bar{overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.yii-debug-toolbar.yii-debug-toolbar_iframe_active:not(.yii-debug-toolbar_animating) .yii-debug-toolbar__resize-handle{display:block;height:4px;cursor:ns-resize;margin-bottom:0;z-index:1000001;position:absolute;left:0;right:0}.yii-debug-toolbar:not(.yii-debug-toolbar_active) .yii-debug-toolbar__bar,.yii-debug-toolbar.yii-debug-toolbar_animating .yii-debug-toolbar__bar{height:40px}.yii-debug-toolbar_active{width:100%}.yii-debug-toolbar_active .yii-debug-toolbar__toggle-icon{-webkit-transform:rotate(0);transform:rotate(0)}.yii-debug-toolbar_position_top{margin:0 0 20px 0;width:100%}.yii-debug-toolbar_position_bottom{position:fixed;right:0;bottom:0;margin:0}.yii-debug-toolbar__bar{position:relative;padding:0;font:11px Verdana, Arial, sans-serif;text-align:left;overflow:hidden;box-sizing:content-box;display:flex;flex-wrap:wrap;background:#fff;background:-moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);background:-webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);background:linear-gradient(to bottom, #fff 0%, #f7f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);border:1px solid rgba(0,0,0,0.11);direction:ltr}.yii-debug-toolbar__bar::after{content:'';display:table;clear:both}.yii-debug-toolbar__view{height:0;overflow:hidden;background:white}.yii-debug-toolbar__view iframe{margin:0;padding:10px 0 0;height:100%;width:100%;border:0}.yii-debug-toolbar_iframe_active .yii-debug-toolbar__view{height:100%}.yii-debug-toolbar_iframe_active .yii-debug-toolbar__toggle-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.yii-debug-toolbar_iframe_active .yii-debug-toolbar__external{display:block}.yii-debug-toolbar_iframe_animating .yii-debug-toolbar__view{transition:height .3s ease}.yii-debug-toolbar__block{margin:0;border-right:1px solid rgba(0,0,0,0.11);border-bottom:1px solid rgba(0,0,0,0.11);padding:4px 8px;line-height:32px;white-space:nowrap}@media (max-width: 767.98px){.yii-debug-toolbar__block{flex-grow:1;text-align:center}}.yii-debug-toolbar__block a{display:inline-block;text-decoration:none;color:black}.yii-debug-toolbar__block img{vertical-align:middle;width:30px;height:30px}.yii-debug-toolbar__block_active,.yii-debug-toolbar__ajax:hover{background:#f7f7f7;background:-moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%);background:-webkit-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%);background:linear-gradient(to bottom, #f7f7f7 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0', GradientType=0)}.yii-debug-toolbar__label{display:inline-block;padding:2px 4px;font-size:12px;font-weight:normal;line-height:14px;white-space:nowrap;vertical-align:middle;max-width:100px;overflow-x:hidden;text-overflow:ellipsis;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#737373;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.yii-debug-toolbar__label:empty{display:none}a.yii-debug-toolbar__label:hover,a.yii-debug-toolbar__label:focus{color:#ffffff;text-decoration:none;cursor:pointer}.yii-debug-toolbar__label_important,.yii-debug-toolbar__label_error{background-color:#b94a48}.yii-debug-toolbar__label_important[href]{background-color:#953b39}.yii-debug-toolbar__label_warning,.yii-debug-toolbar__badge_warning{background-color:#f89406}.yii-debug-toolbar__label_warning[href]{background-color:#c67605}.yii-debug-toolbar__label_success{background-color:#217822}.yii-debug-toolbar__label_success[href]{background-color:#356635}.yii-debug-toolbar__label_info{background-color:#0b72b8}.yii-debug-toolbar__label_info[href]{background-color:#2d6987}.yii-debug-toolbar__label_inverse,.yii-debug-toolbar__badge_inverse{background-color:#333333}.yii-debug-toolbar__label_inverse[href],.yii-debug-toolbar__badge_inverse[href]{background-color:#1a1a1a}.yii-debug-toolbar__title{background:#f7f7f7;background:-moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%);background:-webkit-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%);background:linear-gradient(to bottom, #f7f7f7 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0', GradientType=0)}.yii-debug-toolbar__block_last{width:80px;height:40px;float:left}.yii-debug-toolbar__toggle,.yii-debug-toolbar__external{cursor:pointer;position:absolute;width:30px;height:30px;font-size:25px;font-weight:100;line-height:28px;color:#ffffff;text-align:center;opacity:0.5;filter:alpha(opacity=50);transition:opacity .3s ease}.yii-debug-toolbar__toggle:hover,.yii-debug-toolbar__toggle:focus,.yii-debug-toolbar__external:hover,.yii-debug-toolbar__external:focus{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90)}.yii-debug-toolbar__toggle-icon,.yii-debug-toolbar__external-icon{display:inline-block;background-position:50% 50%;background-repeat:no-repeat}.yii-debug-toolbar__toggle{right:10px;bottom:4px}.yii-debug-toolbar__toggle-icon{padding:7px 0;width:10px;height:16px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMTUuNTYzIDQwLjgzNmEuOTk3Ljk5NyAwIDAgMCAxLjQxNCAwbDE1LTE1YTEgMSAwIDAgMCAwLTEuNDE0bC0xNS0xNWExIDEgMCAwIDAtMS40MTQgMS40MTRMMjkuODU2IDI1LjEzIDE1LjU2MyAzOS40MmExIDEgMCAwIDAgMCAxLjQxNHoiLz48L3N2Zz4=");transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.yii-debug-toolbar__external{display:none;right:50px;bottom:4px}.yii-debug-toolbar__external-icon{padding:8px 0;width:14px;height:14px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMzkuNjQyIDkuNzIyYTEuMDEgMS4wMSAwIDAgMC0uMzgyLS4wNzdIMjguMTAzYTEgMSAwIDAgMCAwIDJoOC43NDNMMjEuNyAyNi43OWExIDEgMCAwIDAgMS40MTQgMS40MTVMMzguMjYgMTMuMDZ2OC43NDNhMSAxIDAgMCAwIDIgMFYxMC42NDZhMS4wMDUgMS4wMDUgMCAwIDAtLjYxOC0uOTI0eiIvPjxwYXRoIGQ9Ik0zOS4yNiAyNy45ODVhMSAxIDAgMCAwLTEgMXYxMC42NmgtMjh2LTI4aDEwLjY4M2ExIDEgMCAwIDAgMC0ySDkuMjZhMSAxIDAgMCAwLTEgMXYzMGExIDEgMCAwIDAgMSAxaDMwYTEgMSAwIDAgMCAxLTF2LTExLjY2YTEgMSAwIDAgMC0xLTF6Ii8+PC9zdmc+")}.yii-debug-toolbar__switch-icon{margin-left:10px;padding:5px 10px;width:18px;height:18px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Im00MS4xIDIzYy0wLjYgMC0xIDAuNC0xIDF2MTAuN2wtMjUuNi0wLjFjMCAwIDAtMiAwLTIuOCAwLTAuOC0wLjctMS0xLTAuNmwtMy41IDMuNWMtMC42IDAuNi0wLjYgMS4zIDAgMmwzLjQgMy40YzAuNCAwLjQgMS4xIDAuMiAxLTAuNmwwLTIuOWMwIDAgMjAuOCAwLjEgMjYuNiAwIDAuNiAwIDEtMC40IDEtMXYtMTEuN2MwLTAuNi0wLjQtMS0xLTF6TTkgMjYuOSA5IDI2LjkgOSAyNi45IDkgMjYuOSIvPjxwYXRoIGQ9Im05IDI2LjljMC42IDAgMS0wLjQgMS0xdi0xMC43bDI1LjYgMC4xYzAgMCAwIDIgMCAyLjggMCAwLjggMC43IDEgMSAwLjZsMy41LTMuNWMwLjYtMC42IDAuNi0xLjMgMC0ybC0zLjQtMy40Yy0wLjQtMC40LTEuMS0wLjItMSAwLjZsMCAyLjljMCAwLTIwLjgtMC4xLTI2LjYgMC0wLjYgMC0xIDAuNC0xIDF2MTEuN2MwIDAuNiAwLjQgMSAxIDF6Ii8+PC9zdmc+")}.yii-debug-toolbar__ajax{position:relative}.yii-debug-toolbar__ajax:hover .yii-debug-toolbar__ajax_info,.yii-debug-toolbar__ajax:focus .yii-debug-toolbar__ajax_info{visibility:visible}.yii-debug-toolbar__ajax a{color:#337ab7}.yii-debug-toolbar__ajax table{width:100%;table-layout:auto;border-spacing:0;border-collapse:collapse}.yii-debug-toolbar__ajax table td{padding:4px;font-size:12px;line-height:normal;vertical-align:top;border-top:1px solid #ddd}.yii-debug-toolbar__ajax table th{padding:4px;font-size:11px;line-height:normal;vertical-align:bottom;border-bottom:2px solid #ddd}.yii-debug-toolbar__ajax_info{visibility:hidden;transition:visibility .2s linear;background-color:white;box-shadow:inset 0 -10px 10px -10px #e1e1e1;position:absolute;bottom:40px;left:-1px;padding:10px;max-width:480px;max-height:480px;word-wrap:break-word;overflow:hidden;overflow-y:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,0.11);z-index:1000001}.yii-debug-toolbar__ajax_request_status{color:white;padding:2px 5px}.yii-debug-toolbar__ajax_request_url{max-width:170px;overflow:hidden;text-overflow:ellipsis}
  742. </style><script>(function () {
  743.     'use strict';
  744.  
  745.     var findToolbar = function () {
  746.             return document.querySelector('#yii-debug-toolbar');
  747.         },
  748.         ajax = function (url, settings) {
  749.             var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
  750.             settings = settings || {};
  751.             xhr.open(settings.method || 'GET', url, true);
  752.             xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
  753.             xhr.setRequestHeader('Accept', 'text/html');
  754.             xhr.onreadystatechange = function () {
  755.                 if (xhr.readyState === 4) {
  756.                     if (xhr.status === 200 && settings.success) {
  757.                        settings.success(xhr);
  758.                     } else if (xhr.status !== 200 && settings.error) {
  759.                        settings.error(xhr);
  760.                     }
  761.                 }
  762.             };
  763.             xhr.send(settings.data || '');
  764.         },
  765.         url,
  766.         div,
  767.         toolbarEl = findToolbar(),
  768.         toolbarAnimatingClass = 'yii-debug-toolbar_animating',
  769.         barSelector = '.yii-debug-toolbar__bar',
  770.         viewSelector = '.yii-debug-toolbar__view',
  771.         blockSelector = '.yii-debug-toolbar__block',
  772.         toggleSelector = '.yii-debug-toolbar__toggle',
  773.         externalSelector = '.yii-debug-toolbar__external',
  774.  
  775.         CACHE_KEY = 'yii-debug-toolbar',
  776.         ACTIVE_STATE = 'active',
  777.  
  778.         animationTime = 300,
  779.  
  780.         activeClass = 'yii-debug-toolbar_active',
  781.         iframeActiveClass = 'yii-debug-toolbar_iframe_active',
  782.         iframeAnimatingClass = 'yii-debug-toolbar_iframe_animating',
  783.         titleClass = 'yii-debug-toolbar__title',
  784.         blockClass = 'yii-debug-toolbar__block',
  785.         ignoreClickClass = 'yii-debug-toolbar__ignore_click',
  786.         blockActiveClass = 'yii-debug-toolbar__block_active',
  787.         requestStack = [];
  788.  
  789.     if (toolbarEl) {
  790.         url = toolbarEl.getAttribute('data-url');
  791.  
  792.         ajax(url, {
  793.             success: function (xhr) {
  794.                 div = document.createElement('div');
  795.                 div.innerHTML = xhr.responseText;
  796.  
  797.                 toolbarEl.parentNode && toolbarEl.parentNode.replaceChild(div, toolbarEl);
  798.  
  799.                 showToolbar(findToolbar());
  800.  
  801.                 var event;
  802.                 if (typeof(Event) === 'function') {
  803.                     event = new Event('yii.debug.toolbar_attached', {'bubbles': true});
  804.                 } else {
  805.                     event = document.createEvent('Event');
  806.                     event.initEvent('yii.debug.toolbar_attached', true, true);
  807.                 }
  808.  
  809.                 div.dispatchEvent(event);
  810.             },
  811.             error: function (xhr) {
  812.                 toolbarEl.innerText = xhr.responseText;
  813.             }
  814.         });
  815.     }
  816.  
  817.     function showToolbar(toolbarEl) {
  818.         var barEl = toolbarEl.querySelector(barSelector),
  819.             viewEl = toolbarEl.querySelector(viewSelector),
  820.             toggleEl = toolbarEl.querySelector(toggleSelector),
  821.             externalEl = toolbarEl.querySelector(externalSelector),
  822.             blockEls = barEl.querySelectorAll(blockSelector),
  823.             blockLinksEls = document.querySelectorAll(blockSelector + ':not(.' + titleClass + ') a'),
  824.             iframeEl = viewEl.querySelector('iframe'),
  825.             iframeHeight = function () {
  826.                 return (window.innerHeight * (toolbarEl.dataset.height / 100) - barEl.clientHeight) + 'px';
  827.             },
  828.             isIframeActive = function () {
  829.                 return toolbarEl.classList.contains(iframeActiveClass);
  830.             },
  831.             resizeIframe = function(mouse) {
  832.                 var availableHeight = window.innerHeight - barEl.clientHeight;
  833.                 viewEl.style.height = Math.min(availableHeight, availableHeight - mouse.y) + "px";
  834.             },
  835.             showIframe = function (href) {
  836.                 toolbarEl.classList.add(iframeAnimatingClass);
  837.                 toolbarEl.classList.add(iframeActiveClass);
  838.  
  839.                 iframeEl.src = externalEl.href = href;
  840.                 iframeEl.removeAttribute('tabindex');
  841.  
  842.                 viewEl.style.height = iframeHeight();
  843.                 setTimeout(function () {
  844.                     toolbarEl.classList.remove(iframeAnimatingClass);
  845.                 }, animationTime);
  846.             },
  847.             hideIframe = function () {
  848.                 toolbarEl.classList.add(iframeAnimatingClass);
  849.                 toolbarEl.classList.remove(iframeActiveClass);
  850.                 iframeEl.setAttribute("tabindex", "-1");
  851.                 removeActiveBlocksCls();
  852.  
  853.                 externalEl.href = '#';
  854.                 viewEl.style.height = '';
  855.                 setTimeout(function () {
  856.                     toolbarEl.classList.remove(iframeAnimatingClass);
  857.                 }, animationTime);
  858.             },
  859.             removeActiveBlocksCls = function () {
  860.                 [].forEach.call(blockEls, function (el) {
  861.                     el.classList.remove(blockActiveClass);
  862.                 });
  863.             },
  864.             toggleToolbarClass = function (className) {
  865.                 toolbarEl.classList.add(toolbarAnimatingClass);
  866.                 if (toolbarEl.classList.contains(className)) {
  867.                     toolbarEl.classList.remove(className);
  868.                     [].forEach.call(blockLinksEls, function (el) {
  869.                         el.setAttribute('tabindex', "-1");
  870.                     });
  871.                 } else {
  872.                     [].forEach.call(blockLinksEls, function (el) {
  873.                         el.removeAttribute('tabindex');
  874.                     });
  875.                     toolbarEl.classList.add(className);
  876.                 }
  877.                 setTimeout(function () {
  878.                     toolbarEl.classList.remove(toolbarAnimatingClass);
  879.                 }, animationTime);
  880.             },
  881.             toggleStorageState = function (key, value) {
  882.                 if (window.localStorage) {
  883.                     var item = localStorage.getItem(key);
  884.  
  885.                     if (item) {
  886.                         localStorage.removeItem(key);
  887.                     } else {
  888.                         localStorage.setItem(key, value);
  889.                     }
  890.                 }
  891.             },
  892.             restoreStorageState = function (key) {
  893.                 if (window.localStorage) {
  894.                     return localStorage.getItem(key);
  895.                 }
  896.             },
  897.             togglePosition = function () {
  898.                 if (isIframeActive()) {
  899.                     hideIframe();
  900.                 } else {
  901.                     toggleToolbarClass(activeClass);
  902.                     toggleStorageState(CACHE_KEY, ACTIVE_STATE);
  903.                 }
  904.             };
  905.  
  906.         if (restoreStorageState(CACHE_KEY) === ACTIVE_STATE) {
  907.             var transition = toolbarEl.style.transition;
  908.             toolbarEl.style.transition = 'none';
  909.             toolbarEl.classList.add(activeClass);
  910.             setTimeout(function () {
  911.                 toolbarEl.style.transition = transition;
  912.             }, animationTime);
  913.         } else {
  914.             [].forEach.call(blockLinksEls, function (el) {
  915.                 el.setAttribute('tabindex', "-1");
  916.             });
  917.         }
  918.  
  919.         toolbarEl.style.display = 'block';
  920.  
  921.         window.onresize = function () {
  922.             if (toolbarEl.classList.contains(iframeActiveClass)) {
  923.                 viewEl.style.height = iframeHeight();
  924.             }
  925.         };
  926.  
  927.         toolbarEl.addEventListener("mousedown", function(e) {
  928.             if (isIframeActive() && (e.y - toolbarEl.offsetTop < 4 /* 4px click zone */)) {
  929.                document.addEventListener("mousemove", resizeIframe, false);
  930.             }
  931.         }, false);
  932.  
  933.         document.addEventListener("mouseup", function(){
  934.             if (isIframeActive()) {
  935.                 document.removeEventListener("mousemove", resizeIframe, false);
  936.             }
  937.         }, false);
  938.  
  939.         barEl.onclick = function (e) {
  940.             var target = e.target,
  941.                 block = findAncestor(target, blockClass);
  942.  
  943.             if (block
  944.                 && !block.classList.contains(titleClass)
  945.                && !block.classList.contains(ignoreClickClass)
  946.                && e.which !== 2 && !e.ctrlKey // not mouse wheel and not ctrl+click
  947.            ) {
  948.                while (target !== this) {
  949.                    if (target.href) {
  950.                        removeActiveBlocksCls();
  951.                         block.classList.add(blockActiveClass);
  952.                         showIframe(target.href);
  953.                     }
  954.                     target = target.parentNode;
  955.                 }
  956.  
  957.                 e.preventDefault();
  958.             }
  959.         };
  960.  
  961.         toggleEl.onclick = togglePosition;
  962.     }
  963.  
  964.     function findAncestor(el, cls) {
  965.         while ((el = el.parentElement) && !el.classList.contains(cls)) ;
  966.         return el;
  967.     }
  968.  
  969.     function renderAjaxRequests() {
  970.         var requestCounter = document.getElementsByClassName('yii-debug-toolbar__ajax_counter');
  971.         if (!requestCounter.length) {
  972.             return;
  973.         }
  974.         var ajaxToolbarPanel = document.querySelector('.yii-debug-toolbar__ajax');
  975.         var tbodies = document.getElementsByClassName('yii-debug-toolbar__ajax_requests');
  976.         var state = 'ok';
  977.         if (tbodies.length) {
  978.             var tbody = tbodies[0];
  979.             var rows = document.createDocumentFragment();
  980.             if (requestStack.length) {
  981.                 var firstItem = requestStack.length > 20 ? requestStack.length - 20 : 0;
  982.                 for (var i = firstItem; i < requestStack.length; i++) {
  983.                    var request = requestStack[i];
  984.                    var row = document.createElement('tr');
  985.                    rows.appendChild(row);
  986.  
  987.                    var methodCell = document.createElement('td');
  988.                    methodCell.innerHTML = request.method;
  989.                    row.appendChild(methodCell);
  990.  
  991.                    var statusCodeCell = document.createElement('td');
  992.                    var statusCode = document.createElement('span');
  993.                    if (request.statusCode < 300) {
  994.                        statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_success');
  995.                    } else if (request.statusCode < 400) {
  996.                        statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_warning');
  997.                    } else {
  998.                        statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_error');
  999.                    }
  1000.                    statusCode.textContent = request.statusCode || '-';
  1001.                    statusCodeCell.appendChild(statusCode);
  1002.                    row.appendChild(statusCodeCell);
  1003.  
  1004.                    var pathCell = document.createElement('td');
  1005.                    pathCell.className = 'yii-debug-toolbar__ajax_request_url';
  1006.                    pathCell.innerHTML = request.url;
  1007.                    pathCell.setAttribute('title', request.url);
  1008.                    row.appendChild(pathCell);
  1009.  
  1010.                    var durationCell = document.createElement('td');
  1011.                    durationCell.className = 'yii-debug-toolbar__ajax_request_duration';
  1012.                    if (request.duration) {
  1013.                        durationCell.innerText = request.duration + " ms";
  1014.                    } else {
  1015.                        durationCell.innerText = '-';
  1016.                    }
  1017.                    row.appendChild(durationCell);
  1018.                    row.appendChild(document.createTextNode(' '));
  1019.  
  1020.                    var profilerCell = document.createElement('td');
  1021.                    if (request.profilerUrl) {
  1022.                        var profilerLink = document.createElement('a');
  1023.                        profilerLink.setAttribute('href', request.profilerUrl);
  1024.                        profilerLink.innerText = request.profile;
  1025.                        profilerCell.appendChild(profilerLink);
  1026.                    } else {
  1027.                        profilerCell.innerText = 'n/a';
  1028.                    }
  1029.                    row.appendChild(profilerCell);
  1030.  
  1031.                    if (request.error) {
  1032.                        if (state !== "loading" && i > requestStack.length - 4) {
  1033.                             state = 'error';
  1034.                         }
  1035.                     } else if (request.loading) {
  1036.                         state = 'loading'
  1037.                     }
  1038.                     row.className = 'yii-debug-toolbar__ajax_request';
  1039.                 }
  1040.                 while (tbody.firstChild) {
  1041.                     tbody.removeChild(tbody.firstChild);
  1042.                 }
  1043.                 tbody.appendChild(rows);
  1044.             }
  1045.             ajaxToolbarPanel.style.display = 'block';
  1046.         }
  1047.         requestCounter[0].innerText = requestStack.length;
  1048.         var className = 'yii-debug-toolbar__label yii-debug-toolbar__ajax_counter';
  1049.         if (state === 'ok') {
  1050.             className += ' yii-debug-toolbar__label_success';
  1051.         } else if (state === 'error') {
  1052.             className += ' yii-debug-toolbar__label_error';
  1053.         }
  1054.         requestCounter[0].className = className;
  1055.     }
  1056.  
  1057.     /**
  1058.      * Should AJAX request to be logged in debug panel
  1059.      *
  1060.      * @param requestUrl
  1061.      * @returns {boolean}
  1062.      */
  1063.     function shouldTrackRequest(requestUrl) {
  1064.         var a = document.createElement('a');
  1065.         a.href = requestUrl;
  1066.         var skipAjaxRequestUrls = JSON.parse(toolbarEl.getAttribute('data-skip-urls'));
  1067.         if (Array.isArray(skipAjaxRequestUrls) && skipAjaxRequestUrls.length && skipAjaxRequestUrls.includes(requestUrl)) {
  1068.            return false;
  1069.         }
  1070.         return a.host === location.host;
  1071.     }
  1072.  
  1073.     var proxied = XMLHttpRequest.prototype.open;
  1074.  
  1075.     XMLHttpRequest.prototype.open = function (method, url, async, user, pass) {
  1076.         var self = this;
  1077.  
  1078.         if (shouldTrackRequest(url)) {
  1079.             var stackElement = {
  1080.                 loading: true,
  1081.                 error: false,
  1082.                 url: url,
  1083.                 method: method,
  1084.                 start: new Date()
  1085.             };
  1086.             requestStack.push(stackElement);
  1087.             this.addEventListener('readystatechange', function () {
  1088.                 if (self.readyState === 4) {
  1089.                     stackElement.duration = self.getResponseHeader('X-Debug-Duration') || new Date() - stackElement.start;
  1090.                     stackElement.loading = false;
  1091.                     stackElement.statusCode = self.status;
  1092.                     stackElement.error = self.status < 200 || self.status >= 400;
  1093.                     stackElement.profile = self.getResponseHeader('X-Debug-Tag');
  1094.                     stackElement.profilerUrl = self.getResponseHeader('X-Debug-Link');
  1095.                     renderAjaxRequests();
  1096.                 }
  1097.             }, false);
  1098.             renderAjaxRequests();
  1099.         }
  1100.         proxied.apply(this, Array.prototype.slice.call(arguments));
  1101.     };
  1102.  
  1103.     // catch fetch AJAX requests
  1104.     if (window.fetch) {
  1105.         var originalFetch = window.fetch;
  1106.  
  1107.         window.fetch = function (input, init) {
  1108.             var method;
  1109.             var url;
  1110.             if (typeof input === 'string') {
  1111.                 method = (init && init.method) || 'GET';
  1112.                 url = input;
  1113.             } else if (window.URL && input instanceof URL) { // fix https://github.com/yiisoft/yii2-debug/issues/296
  1114.                method = (init && init.method) || 'GET';
  1115.                 url = input.href;
  1116.             } else if (window.Request && input instanceof Request) {
  1117.                method = input.method;
  1118.                 url = input.url;
  1119.             }
  1120.             var promise = originalFetch(input, init);
  1121.  
  1122.             if (shouldTrackRequest(url)) {
  1123.                 var stackElement = {
  1124.                     loading: true,
  1125.                     error: false,
  1126.                     url: url,
  1127.                     method: method,
  1128.                     start: new Date()
  1129.                 };
  1130.                 requestStack.push(stackElement);
  1131.                 promise.then(function (response) {
  1132.                     stackElement.duration = response.headers.get('X-Debug-Duration') || new Date() - stackElement.start;
  1133.                     stackElement.loading = false;
  1134.                     stackElement.statusCode = response.status;
  1135.                     stackElement.error = response.status < 200 || response.status >= 400;
  1136.                     stackElement.profile = response.headers.get('X-Debug-Tag');
  1137.                     stackElement.profilerUrl = response.headers.get('X-Debug-Link');
  1138.                     renderAjaxRequests();
  1139.  
  1140.                     return response;
  1141.                 }).catch(function (error) {
  1142.                     stackElement.loading = false;
  1143.                     stackElement.error = true;
  1144.                     renderAjaxRequests();
  1145.  
  1146.                     throw error;
  1147.                 });
  1148.                 renderAjaxRequests();
  1149.             }
  1150.  
  1151.             return promise;
  1152.         };
  1153.     }
  1154.  
  1155. })();
  1156. </script><script src="/js/scripts.min.js"></script>
  1157. <script src="/js/jquery.inputmask.min.js"></script>
  1158. <script src="/js/common.js"></script>
  1159. <script src="/js/select2.min.js"></script>
  1160. <script src="/js/popup.js"></script>
  1161. <script src="/js/main.js"></script>
  1162. <script src="/js/jquery.cookie.js"></script>
  1163. <script src="/js/cart.js"></script>
  1164. <script src="/js/subscription.js"></script>
  1165. <script src="/js/pagination.js"></script>
  1166. <script src="/js/product.js"></script>
  1167. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!