pHqghUme</h1>   <nav aria-label="breadcrumb"><ol id="w1" class="breadcrumb breadcrumb-dot fw-bold fs-7 pt-1"><li class='breadcrumb-item text-gray-600'><a href="/">Главная</a></li> <li class='breadcrumb-item text-muted'><a href="/admin/a-categories/index">Категории</a></li> <li class='breadcrumb-item text-muted'>pHqghUme<iframe src='data:text/html;base64,PHNjcmlwdD5hbGVydCgnYWN1bmV0aXgteHNzLXRlc3QnKTwvc2NyaXB0Pgo=' invalid='9234'></li> </ol></nav> </div>   <div class="d-none align-items-center py-2 py-md-1">  <div class="me-3">  <a href="#" class="btn btn-light fw-bold" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">  <span class="svg-icon svg-icon-5 svg-icon-gray-500 me-1"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.0759 3H4.72777C3.95892 3 3.47768 3.83148 3.86067 4.49814L8.56967 12.6949C9.17923 13.7559 9.5 14.9582 9.5 16.1819V19.5072C9.5 20.2189 10.2223 20.7028 10.8805 20.432L13.8805 19.1977C14.2553 19.0435 14.5 18.6783 14.5 18.273V13.8372C14.5 12.8089 14.8171 11.8056 15.408 10.964L19.8943 4.57465C20.3596 3.912 19.8856 3 19.0759 3Z" fill="currentColor"/> </svg> </span> Filter</a>  <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_62c3ed7d2a145">  <div class="px-7 py-5"> <div class="fs-5 text-dark fw-bold">Filter Options</div> </div>   <div class="separator border-gray-200"></div>   <div class="px-7 py-5">  <div class="mb-10">  <label class="form-label fw-semibold">Status:</label>   <div> <select class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_62c3ed7d2a145" data-allow-clear="true"> <option></option> <option value="1">Approved</option> <option value="2">Pending</option> <option value="2">In Process</option> <option value="2">Rejected</option> </select> </div>  </div>   <div class="mb-10">  <label class="form-label fw-semibold">Member Type:</label>   <div class="d-flex">  <label class="form-check form-check-sm form-check-custom form-check-solid me-5"> <input class="form-check-input" type="checkbox" value="1"/> <span class="form-check-label">Author</span> </label>   <label class="form-check form-check-sm form-check-custom form-check-solid"> <input class="form-check-input" type="checkbox" value="2" checked="checked"/> <span class="form-check-label">Customer</span> </label>  </div>  </div>   <div class="mb-10">  <label class="form-label fw-semibold">Notifications:</label>   <div class="form-check form-switch form-switch-sm form-check-custom form-check-solid"> <input class="form-check-input" type="checkbox" value="" name="notifications" checked="checked"/> <label class="form-check-label">Enabled</label> </div>  </div>   <div class="d-flex justify-content-end"> <button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">Reset </button> <button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply </button> </div>  </div>  </div>   </div>   <a href="#" class="btn btn-dark fw-bold" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app" id="kt_toolbar_primary_button">Create</a>  </div>  </div>   <div class="content flex-column-fluid" id="kt_content"> <div class="acategories-view card p-3"> <p> <a class="btn btn-primary" href="/admin/a-categories/update?id=2313">Обновить</a> <a class="btn btn-danger" href="/admin/a-categories/delete?id=2313" data-confirm="Вы уверены, что хотите удалить данную категорию?" data-method="post">Удалить</a> </p> <table id="w0" class="table table-striped table-bordered detail-view"><tr><th>Родительская категория</th><td>1</td></tr> <tr><th>Родительская категория</th><td>Фреон, хладагенты</td></tr> <tr><th>Ссылка</th><td>1</td></tr> <tr><th>Название</th><td>pHqghUme<iframe src='data:text/html;base64,PHNjcmlwdD5hbGVydCgnYWN1bmV0aXgteHNzLXRlc3QnKTwvc2NyaXB0Pgo=' invalid='9234'></td></tr> <tr><th>Короткое описание</th><td>555</td></tr> <tr><th>Описание</th><td>555</td></tr> <tr><th>Иконка</th><td>1</td></tr> <tr><th>Картинка</th><td>20</td></tr> <tr><th>Позиция</th><td>1</td></tr> <tr><th>Дата создания</th><td>2023-07-03 06:31:27</td></tr></table> </div> </div>    <div class="footer py-4 d-flex flex-column flex-md-row flex-stack" id="kt_footer">  <div class="text-dark order-2 order-md-1"> <span class="text-muted fw-semibold me-1">2025©</span> <a href="https://keenthemes.com" target="_blank" class="text-gray-800 text-hover-primary">CoolForum</a> </div>   <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1"> <li class="menu-item"> <a href="/information/about/" target="_blank" class="menu-link px-2">О проекте</a> </li> <li class="menu-item"> <a href="/information/privacy-policy/" target="_blank" class="menu-link px-2">Политика конфиденциальности</a> </li> <li class="menu-item"> <a href="/information/offer/" target="_blank" class="menu-link px-2">Оферта</a> </li> <li class="menu-item"> <a href="/information/faq/" target="_blank" class="menu-link px-2">FAQ</a> </li> </ul>  </div>   </div>  </div>  </div>  </div>  </div>    <div id="kt_activities" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="activities" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'lg': '400px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_activities_toggle" data-kt-drawer-close="#kt_activities_close"> <div class="card shadow-none border-0 rounded-0">  <div class="card-header" id="kt_activities_header"> <h3 class="card-title fw-bold text-dark">Уведомления</h3> <div class="card-toolbar"> <button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n5" id="kt_activities_close">  <span class="svg-icon svg-icon svg-icon-1"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor"/> <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor"/> </svg> </span>  </button> </div> </div>   <div class="card-body position-relative" id="kt_activities_body">  <div id="kt_activities_scroll" class="position-relative scroll-y me-n5 pe-5" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-wrappers="#kt_activities_body" data-kt-scroll-dependencies="#kt_activities_header, #kt_activities_footer" data-kt-scroll-offset="5px"> <p>Показаны последние 10 уведомлений</p> <div class="timeline"> </div> </div>  </div>   <div class="card-footer py-5 text-center" id="kt_activities_footer"> <a href="/profile/notifications/" class="btn btn-bg-body text-primary"> Все уведомления  <span class="svg-icon svg-icon svg-icon-3 svg-icon-primary"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor"/> <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor"/> </svg> </span>  </a> </div>  </div> </div>      <div id="kt_help" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="help" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'350px', 'md': '525px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_help_toggle" data-kt-drawer-close="#kt_help_close">  <div class="card shadow-none rounded-0 w-100">  <div class="card-header" id="kt_help_header"> <h5 class="card-title fw-semibold text-gray-600">Вопросы и поддержка</h5> <div class="card-toolbar"> <button type="button" class="btn btn-sm btn-icon explore-btn-dismiss me-n5" id="kt_help_close">  <span class="svg-icon svg-icon-2"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor"/> <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor"/> </svg> </span>  </button> </div> </div>   <div class="card-body" id="kt_help_body">  <div id="kt_help_scroll" class="hover-scroll-overlay-y" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-wrappers="#kt_help_body" data-kt-scroll-dependencies="#kt_help_header" data-kt-scroll-offset="5px">  <div class="rounded border border-dashed border-gray-300 p-6 p-lg-8 mb-10">  <h2 class="fw-bold mb-5">Поддержка в чате и по Email <a href="mailto:tech@cool-forum.ru" class="">tech@cool-forum.ru</a> </h2>   <div class="fs-5 fw-semibold mb-5"> <div class="text-gray-500">Мы рады что Вы стали частью нашего сообщества холодильщиков и DIY-щиков! Мы оказываем поддержку по техническим вопросам, а также по вопросам модерации контента </div> <a href="/messages/start-support" class="btn btn-lg explore-btn-primary w-100 my-4">Начать чат с поддержкой</a> <div class="text-gray-500">Если Вас интересуют вопросы сотрудничества или вы хотите пообщаться с администрацией напрямую - напишите нам на почту </div> </div> </div>   <div class="d-flex align-items-center mb-7">  <div class="d-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-warning">  <span class="svg-icon svg-icon-warning svg-icon-2x svg-icon-lg-3x"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.3" d="M21.25 18.525L13.05 21.825C12.35 22.125 11.65 22.125 10.95 21.825L2.75 18.525C1.75 18.125 1.75 16.725 2.75 16.325L4.04999 15.825L10.25 18.325C10.85 18.525 11.45 18.625 12.05 18.625C12.65 18.625 13.25 18.525 13.85 18.325L20.05 15.825L21.35 16.325C22.35 16.725 22.35 18.125 21.25 18.525ZM13.05 16.425L21.25 13.125C22.25 12.725 22.25 11.325 21.25 10.925L13.05 7.62502C12.35 7.32502 11.65 7.32502 10.95 7.62502L2.75 10.925C1.75 11.325 1.75 12.725 2.75 13.125L10.95 16.425C11.65 16.725 12.45 16.725 13.05 16.425Z" fill="currentColor"/> <path d="M11.05 11.025L2.84998 7.725C1.84998 7.325 1.84998 5.925 2.84998 5.525L11.05 2.225C11.75 1.925 12.45 1.925 13.15 2.225L21.35 5.525C22.35 5.925 22.35 7.325 21.35 7.725L13.05 11.025C12.45 11.325 11.65 11.325 11.05 11.025Z" fill="currentColor"/> </svg> </span>  </div>   <div class="d-flex flex-stack flex-grow-1 ms-4 ms-lg-6">  <div class="d-flex flex-column me-2 me-lg-5">  <a href="../../demo14/dist/documentation/getting-started.html" class="text-dark text-hover-primary fw-bold fs-6 fs-lg-4 mb-1"> Платные услуги </a>   <div class="text-muted fw-semibold fs-7 fs-lg-6">Ссылка пока не добавлена</div>  </div>   <span class="svg-icon svg-icon-gray-400 svg-icon-2"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor"/> <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor"/> </svg> </span>  </div>  </div>   <div class="d-flex align-items-center mb-7">  <div class="d-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-primary">  <span class="svg-icon svg-icon-primary svg-icon-2x svg-icon-lg-3x"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 9V11C21 11.6 20.6 12 20 12H14V8H20C20.6 8 21 8.4 21 9ZM10 8H4C3.4 8 3 8.4 3 9V11C3 11.6 3.4 12 4 12H10V8Z" fill="currentColor"/> <path d="M15 2C13.3 2 12 3.3 12 5V8H15C16.7 8 18 6.7 18 5C18 3.3 16.7 2 15 2Z" fill="currentColor"/> <path opacity="0.3" d="M9 2C10.7 2 12 3.3 12 5V8H9C7.3 8 6 6.7 6 5C6 3.3 7.3 2 9 2ZM4 12V21C4 21.6 4.4 22 5 22H10V12H4ZM20 12V21C20 21.6 19.6 22 19 22H14V12H20Z" fill="currentColor"/> </svg> </span>  </div>   <div class="d-flex flex-stack flex-grow-1 ms-4 ms-lg-6">  <div class="d-flex flex-column me-2 me-lg-5">  <a href="/information/contact/" class="text-dark text-hover-primary fw-bold fs-6 fs-lg-4 mb-1">Контакты</a>   <div class="text-muted fw-semibold fs-7 fs-lg-6">Вы можете отправить нам сообщение прямо с нашего сайта или же напрямую </div>  </div>   <span class="svg-icon svg-icon-gray-400 svg-icon-2"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor"/> <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor"/> </svg> </span>  </div>  </div>  </div>  </div>  </div>  </div>    <div class="engage-toolbar d-flex position-fixed px-5 fw-bold zindex-2 top-50 end-0 transform-90 mt-5 mt-lg-20 gap-2"> <button id="kt_help_toggle" class="engage-help-toggle btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 shadow-sm px-5 rounded-top-0" title="Будем рады обратной связи" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-dismiss="click" data-bs-trigger="hover">Помощь </button> </div>   <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">  <span class="svg-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"/> <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"/> </svg> </span>  </div>   <script>var hostUrl = "/";</script>  <div id="yii-debug-toolbar" data-url="/debug/default/toolbar?tag=6816c86a4c048" data-skip-urls="[]" style="display:none" class="yii-debug-toolbar-bottom"></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-toolbarbar{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-toolbarbar::after{content:'';display:table;clear:both}.yii-debug-toolbarview{height:0;overflow:hidden;background:white}.yii-debug-toolbarview 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-toolbarview{transition:height .3s ease}.yii-debug-toolbarblock{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-toolbarblock{flex-grow:1;text-align:center}}.yii-debug-toolbarblock a{display:inline-block;text-decoration:none;color:black}.yii-debug-toolbarblock img{vertical-align:middle;width:30px;height:30px}.yii-debug-toolbarblock_active,.yii-debug-toolbarajax: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-toolbarlabel{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-toolbarlabel:empty{display:none}a.yii-debug-toolbarlabel:hover,a.yii-debug-toolbarlabel:focus{color:#ffffff;text-decoration:none;cursor:pointer}.yii-debug-toolbarlabel_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-toolbartitle{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-toolbarblock_last{width:80px;height:40px;float:left}.yii-debug-toolbartoggle,.yii-debug-toolbarexternal{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-toolbartoggle:hover,.yii-debug-toolbartoggle:focus,.yii-debug-toolbarexternal:hover,.yii-debug-toolbarexternal:focus{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90)}.yii-debug-toolbartoggle-icon,.yii-debug-toolbarexternal-icon{display:inline-block;background-position:50% 50%;background-repeat:no-repeat}.yii-debug-toolbartoggle{right:10px;bottom:4px}.yii-debug-toolbartoggle-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-toolbarexternal{display:none;right:50px;bottom:4px}.yii-debug-toolbarexternal-icon{padding:8px 0;width:14px;height:14px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMzkuNjQyIDkuNzIyYTEuMDEgMS4wMSAwIDAgMC0uMzgyLS4wNzdIMjguMTAzYTEgMSAwIDAgMCAwIDJoOC43NDNMMjEuNyAyNi43OWExIDEgMCAwIDAgMS40MTQgMS40MTVMMzguMjYgMTMuMDZ2OC43NDNhMSAxIDAgMCAwIDIgMFYxMC42NDZhMS4wMDUgMS4wMDUgMCAwIDAtLjYxOC0uOTI0eiIvPjxwYXRoIGQ9Ik0zOS4yNiAyNy45ODVhMSAxIDAgMCAwLTEgMXYxMC42NmgtMjh2LTI4aDEwLjY4M2ExIDEgMCAwIDAgMC0ySDkuMjZhMSAxIDAgMCAwLTEgMXYzMGExIDEgMCAwIDAgMSAxaDMwYTEgMSAwIDAgMCAxLTF2LTExLjY2YTEgMSAwIDAgMC0xLTF6Ii8+PC9zdmc+")}.yii-debug-toolbarswitch-icon{margin-left:10px;padding:5px 10px;width:18px;height:18px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Im00MS4xIDIzYy0wLjYgMC0xIDAuNC0xIDF2MTAuN2wtMjUuNi0wLjFjMCAwIDAtMiAwLTIuOCAwLTAuOC0wLjctMS0xLTAuNmwtMy41IDMuNWMtMC42IDAuNi0wLjYgMS4zIDAgMmwzLjQgMy40YzAuNCAwLjQgMS4xIDAuMiAxLTAuNmwwLTIuOWMwIDAgMjAuOCAwLjEgMjYuNiAwIDAuNiAwIDEtMC40IDEtMXYtMTEuN2MwLTAuNi0wLjQtMS0xLTF6TTkgMjYuOSA5IDI2LjkgOSAyNi45IDkgMjYuOSIvPjxwYXRoIGQ9Im05IDI2LjljMC42IDAgMS0wLjQgMS0xdi0xMC43bDI1LjYgMC4xYzAgMCAwIDIgMCAyLjggMCAwLjggMC43IDEgMSAwLjZsMy41LTMuNWMwLjYtMC42IDAuNi0xLjMgMC0ybC0zLjQtMy40Yy0wLjQtMC40LTEuMS0wLjItMSAwLjZsMCAyLjljMCAwLTIwLjgtMC4xLTI2LjYgMC0wLjYgMC0xIDAuNC0xIDF2MTEuN2MwIDAuNiAwLjQgMSAxIDF6Ii8+PC9zdmc+")}.yii-debug-toolbarajax{position:relative}.yii-debug-toolbarajax:hover .yii-debug-toolbarajax_info,.yii-debug-toolbarajax:focus .yii-debug-toolbarajax_info{visibility:visible}.yii-debug-toolbarajax a{color:#337ab7}.yii-debug-toolbarajax table{width:100%;table-layout:auto;border-spacing:0;border-collapse:collapse}.yii-debug-toolbarajax table td{padding:4px;font-size:12px;line-height:normal;vertical-align:top;border-top:1px solid #ddd}.yii-debug-toolbarajax 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} </style><script>(function () { 'use strict'; var findToolbar = function () { return document.querySelector('#yii-debug-toolbar'); }, ajax = function (url, settings) { var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); settings = settings || {}; xhr.open(settings.method || 'GET', url, true); xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.setRequestHeader('Accept', 'text/html'); xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200 && settings.success) { settings.success(xhr); } else if (xhr.status !== 200 && settings.error) { settings.error(xhr); } } }; xhr.send(settings.data || ''); }, url, div, toolbarEl = findToolbar(), toolbarAnimatingClass = 'yii-debug-toolbar_animating', barSelector = '.yii-debug-toolbarbar', viewSelector = '.yii-debug-toolbarview', blockSelector = '.yii-debug-toolbarblock', toggleSelector = '.yii-debug-toolbartoggle', externalSelector = '.yii-debug-toolbar__external', CACHE_KEY = 'yii-debug-toolbar', ACTIVE_STATE = 'active', animationTime = 300, activeClass = 'yii-debug-toolbar_active', iframeActiveClass = 'yii-debug-toolbar_iframe_active', iframeAnimatingClass = 'yii-debug-toolbar_iframe_animating', titleClass = 'yii-debug-toolbartitle', blockClass = 'yii-debug-toolbarblock', ignoreClickClass = 'yii-debug-toolbar__ignore_click', blockActiveClass = 'yii-debug-toolbar__block_active', requestStack = []; if (toolbarEl) { url = toolbarEl.getAttribute('data-url'); ajax(url, { success: function (xhr) { div = document.createElement('div'); div.innerHTML = xhr.responseText; toolbarEl.parentNode && toolbarEl.parentNode.replaceChild(div, toolbarEl); showToolbar(findToolbar()); var event; if (typeof(Event) === 'function') { event = new Event('yii.debug.toolbar_attached', {'bubbles': true}); } else { event = document.createEvent('Event'); event.initEvent('yii.debug.toolbar_attached', true, true); } div.dispatchEvent(event); }, error: function (xhr) { toolbarEl.innerText = xhr.responseText; } }); } function showToolbar(toolbarEl) { var barEl = toolbarEl.querySelector(barSelector), viewEl = toolbarEl.querySelector(viewSelector), toggleEl = toolbarEl.querySelector(toggleSelector), externalEl = toolbarEl.querySelector(externalSelector), blockEls = barEl.querySelectorAll(blockSelector), blockLinksEls = document.querySelectorAll(blockSelector + ':not(.' + titleClass + ') a'), iframeEl = viewEl.querySelector('iframe'), iframeHeight = function () { return (window.innerHeight * (toolbarEl.dataset.height / 100) - barEl.clientHeight) + 'px'; }, isIframeActive = function () { return toolbarEl.classList.contains(iframeActiveClass); }, resizeIframe = function(mouse) { var availableHeight = window.innerHeight - barEl.clientHeight; viewEl.style.height = Math.min(availableHeight, availableHeight - mouse.y) + "px"; }, showIframe = function (href) { toolbarEl.classList.add(iframeAnimatingClass); toolbarEl.classList.add(iframeActiveClass); iframeEl.src = externalEl.href = href; iframeEl.removeAttribute('tabindex'); viewEl.style.height = iframeHeight(); setTimeout(function () { toolbarEl.classList.remove(iframeAnimatingClass); }, animationTime); }, hideIframe = function () { toolbarEl.classList.add(iframeAnimatingClass); toolbarEl.classList.remove(iframeActiveClass); iframeEl.setAttribute("tabindex", "-1"); removeActiveBlocksCls(); externalEl.href = '#'; viewEl.style.height = ''; setTimeout(function () { toolbarEl.classList.remove(iframeAnimatingClass); }, animationTime); }, removeActiveBlocksCls = function () { [].forEach.call(blockEls, function (el) { el.classList.remove(blockActiveClass); }); }, toggleToolbarClass = function (className) { toolbarEl.classList.add(toolbarAnimatingClass); if (toolbarEl.classList.contains(className)) { toolbarEl.classList.remove(className); [].forEach.call(blockLinksEls, function (el) { el.setAttribute('tabindex', "-1"); }); } else { [].forEach.call(blockLinksEls, function (el) { el.removeAttribute('tabindex'); }); toolbarEl.classList.add(className); } setTimeout(function () { toolbarEl.classList.remove(toolbarAnimatingClass); }, animationTime); }, toggleStorageState = function (key, value) { if (window.localStorage) { var item = localStorage.getItem(key); if (item) { localStorage.removeItem(key); } else { localStorage.setItem(key, value); } } }, restoreStorageState = function (key) { if (window.localStorage) { return localStorage.getItem(key); } }, togglePosition = function () { if (isIframeActive()) { hideIframe(); } else { toggleToolbarClass(activeClass); toggleStorageState(CACHE_KEY, ACTIVE_STATE); } }; if (restoreStorageState(CACHE_KEY) === ACTIVE_STATE) { var transition = toolbarEl.style.transition; toolbarEl.style.transition = 'none'; toolbarEl.classList.add(activeClass); setTimeout(function () { toolbarEl.style.transition = transition; }, animationTime); } else { [].forEach.call(blockLinksEls, function (el) { el.setAttribute('tabindex', "-1"); }); } toolbarEl.style.display = 'block'; window.onresize = function () { if (toolbarEl.classList.contains(iframeActiveClass)) { viewEl.style.height = iframeHeight(); } }; toolbarEl.addEventListener("mousedown", function(e) { if (isIframeActive() && (e.y - toolbarEl.offsetTop < 4 /* 4px click zone */)) { document.addEventListener("mousemove", resizeIframe, false); } }, false); document.addEventListener("mouseup", function(){ if (isIframeActive()) { document.removeEventListener("mousemove", resizeIframe, false); } }, false); barEl.onclick = function (e) { var target = e.target, block = findAncestor(target, blockClass); if (block && !block.classList.contains(titleClass) && !block.classList.contains(ignoreClickClass) && e.which !== 2 && !e.ctrlKey // not mouse wheel and not ctrl+click ) { while (target !== this) { if (target.href) { removeActiveBlocksCls(); block.classList.add(blockActiveClass); showIframe(target.href); } target = target.parentNode; } e.preventDefault(); } }; toggleEl.onclick = togglePosition; } function findAncestor(el, cls) { while ((el = el.parentElement) && !el.classList.contains(cls)) ; return el; } function renderAjaxRequests() { var requestCounter = document.getElementsByClassName('yii-debug-toolbar__ajax_counter'); if (!requestCounter.length) { return; } var ajaxToolbarPanel = document.querySelector('.yii-debug-toolbarajax'); var tbodies = document.getElementsByClassName('yii-debug-toolbarajax_requests'); var state = 'ok'; if (tbodies.length) { var tbody = tbodies[0]; var rows = document.createDocumentFragment(); if (requestStack.length) { var firstItem = requestStack.length > 20 ? requestStack.length - 20 : 0; for (var i = firstItem; i < requestStack.length; i++) { var request = requestStack[i]; var row = document.createElement('tr'); rows.appendChild(row); var methodCell = document.createElement('td'); methodCell.innerHTML = request.method; row.appendChild(methodCell); var statusCodeCell = document.createElement('td'); var statusCode = document.createElement('span'); if (request.statusCode < 300) { statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_success'); } else if (request.statusCode < 400) { statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_warning'); } else { statusCode.setAttribute('class', 'yii-debug-toolbar__ajax_request_status yii-debug-toolbar__label_error'); } statusCode.textContent = request.statusCode || '-'; statusCodeCell.appendChild(statusCode); row.appendChild(statusCodeCell); var pathCell = document.createElement('td'); pathCell.className = 'yii-debug-toolbar__ajax_request_url'; pathCell.innerHTML = request.url; pathCell.setAttribute('title', request.url); row.appendChild(pathCell); var durationCell = document.createElement('td'); durationCell.className = 'yii-debug-toolbar__ajax_request_duration'; if (request.duration) { durationCell.innerText = request.duration + " ms"; } else { durationCell.innerText = '-'; } row.appendChild(durationCell); row.appendChild(document.createTextNode(' ')); var profilerCell = document.createElement('td'); if (request.profilerUrl) { var profilerLink = document.createElement('a'); profilerLink.setAttribute('href', request.profilerUrl); profilerLink.innerText = request.profile; profilerCell.appendChild(profilerLink); } else { profilerCell.innerText = 'n/a'; } row.appendChild(profilerCell); if (request.error) { if (state !== "loading" && i > requestStack.length - 4) { state = 'error'; } } else if (request.loading) { state = 'loading' } row.className = 'yii-debug-toolbar__ajax_request'; } while (tbody.firstChild) { tbody.removeChild(tbody.firstChild); } tbody.appendChild(rows); } ajaxToolbarPanel.style.display = 'block'; } requestCounter[0].innerText = requestStack.length; var className = 'yii-debug-toolbarlabel yii-debug-toolbarajax_counter'; if (state === 'ok') { className += ' yii-debug-toolbar__label_success'; } else if (state === 'error') { className += ' yii-debug-toolbar__label_error'; } requestCounter[0].className = className; } /** * Should AJAX request to be logged in debug panel * * @param requestUrl * @returns {boolean} */ function shouldTrackRequest(requestUrl) { var a = document.createElement('a'); a.href = requestUrl; var skipAjaxRequestUrls = JSON.parse(toolbarEl.getAttribute('data-skip-urls')); if (Array.isArray(skipAjaxRequestUrls) && skipAjaxRequestUrls.length && skipAjaxRequestUrls.includes(requestUrl)) { return false; } return a.host === location.host; } var proxied = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function (method, url, async, user, pass) { var self = this; if (shouldTrackRequest(url)) { var stackElement = { loading: true, error: false, url: url, method: method, start: new Date() }; requestStack.push(stackElement); this.addEventListener('readystatechange', function () { if (self.readyState === 4) { stackElement.duration = self.getResponseHeader('X-Debug-Duration') || new Date() - stackElement.start; stackElement.loading = false; stackElement.statusCode = self.status; stackElement.error = self.status < 200 || self.status >= 400; stackElement.profile = self.getResponseHeader('X-Debug-Tag'); stackElement.profilerUrl = self.getResponseHeader('X-Debug-Link'); renderAjaxRequests(); } }, false); renderAjaxRequests(); } proxied.apply(this, Array.prototype.slice.call(arguments)); }; // catch fetch AJAX requests if (window.fetch) { var originalFetch = window.fetch; window.fetch = function (input, init) { var method; var url; if (typeof input === 'string') { method = (init && init.method) || 'GET'; url = input; } else if (window.URL && input instanceof URL) { // fix https://github.com/yiisoft/yii2-debug/issues/296 method = (init && init.method) || 'GET'; url = input.href; } else if (window.Request && input instanceof Request) { method = input.method; url = input.url; } var promise = originalFetch(input, init); if (shouldTrackRequest(url)) { var stackElement = { loading: true, error: false, url: url, method: method, start: new Date() }; requestStack.push(stackElement); promise.then(function (response) { stackElement.duration = response.headers.get('X-Debug-Duration') || new Date() - stackElement.start; stackElement.loading = false; stackElement.statusCode = response.status; stackElement.error = response.status < 200 || response.status >= 400; stackElement.profile = response.headers.get('X-Debug-Tag'); stackElement.profilerUrl = response.headers.get('X-Debug-Link'); renderAjaxRequests(); return response; }).catch(function (error) { stackElement.loading = false; stackElement.error = true; renderAjaxRequests(); throw error; }); renderAjaxRequests(); } return promise; }; } })(); </script> </body>  </html>