Сделана рабочая дебаг-панель, улучшен код

Author: ggrachdev

assets/DebugBar/js/initializer.js

@@ -4,20 +4,39 @@ var Ggrach = {
             document.addEventListener('DOMContentLoaded', function () {
                 if (Ggrach.Utils.User.isAdmin())
                 {
-                    var parent = document.querySelector("body");
-                    var debugBarWrapper = document.createElement("section");
-                    debugBarWrapper.classList.add('ggrach__debug_bar');
+                    var $logsItems = document.querySelectorAll('[data-click="show_notice_panel"]');
 
-                    parent.prepend(debugBarWrapper);
-
-                    for (var typeNotice in GgrachDebuggerLogProvider)
+                    if ($logsItems)
                     {
-                        var arrNotices = GgrachDebuggerLogProvider[typeNotice];
-                        var viewTypeNotice = document.createElement("div");
-                        viewTypeNotice.classList.add('ggrach__debug_bar__item');
-                        viewTypeNotice.classList.add('type-notice-' + typeNotice);
-                        viewTypeNotice.innerHTML = arrNotices.length;
-                        debugBarWrapper.prepend(viewTypeNotice);
+                        $logsItems.forEach(function (element) {
+                            element.addEventListener('click', function (e) {
+                                var type = e.target.dataset.typeNotice;
+
+                                document.querySelectorAll('.ggrach__debug_bar__log').forEach(function (element) {
+
+                                    element.scrollTop = 0;
+                                    
+                                    if (element.dataset.typeNotice !== type)
+                                    {
+                                        element.style.display = 'none';
+                                    }
+
+                                });
+
+                                var $targetLogPanel = document.querySelector('.ggrach__debug_bar__log[data-type-notice="' + type + '"]');
+
+                                if ($targetLogPanel.style.display === 'block')
+                                {
+                                    
+                                    document.querySelector('body').style.overflow = null;
+                                    $targetLogPanel.style.display = 'none';
+                                } else
+                                {
+                                    document.querySelector('body').style.overflow = 'hidden';
+                                    $targetLogPanel.style.display = 'block';
+                                }
+                            });
+                        });
                     }
                 }
             });

assets/DebugBar/themes/general.css

@@ -20,6 +20,33 @@
     font-size: 16px !important;
 }
 
+.ggrach__debug_bar__log {
+    position: absolute !important;
+    bottom: 30px !important;
+    left: 0 !important;
+    width: 100% !important;
+    background: white !important;
+    /* Отступы верхнего, правого, нижнего и левого края. */
+    padding: 0px 15px 0px 0px !important;
+    max-height: 500px !important;
+    overflow: auto !important;
+}
+
+.ggrach__debug_bar__log > pre {
+    padding: 10px !important;
+    border-bottom: 1px solid #c3c3c3 !important;
+    font-size: 13px !important;
+    line-height: 16px !important;
+}
+
+.ggrach__debug_bar__log > pre > code {
+    white-space: nowrap !important;
+}
+
+.ggrach__debug_bar__log > pre:last-child {
+    border-bottom: unset !important;
+}
+
 .type-notice-notice {
     background-color: #93c7ec !important;
 }

assets/DebugBar/themes/light/theme.css

@@ -2,4 +2,8 @@
     background: rgb(246,246,246) !important;
     background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 46%) !important;
     border-top: 1px solid #b3b3b3 !important;
+}
+
+.ggrach__debug_bar__log {
+    border-top: 1px solid #b3b3b3 !important;
 }

events.php

@@ -3,9 +3,29 @@
 // Добавляем дебаг-бар
 AddEventHandler("main", "OnEndBufferContent", "GgrachAddDebugBar");
 
-function GgrachAddDebugBar(&$content)
-{
-    $logData = '<script> var GgrachDebuggerLogProvider = '.CUtil::PhpToJSObject(GD()->getLog()).'; </script>';
-    $content = \str_replace('</body>', $logData.'</body>', $content);
-}
+function GgrachAddDebugBar(&$content) {
+
+    global $USER, $APPLICATION;
 
+    if (
+        strpos($APPLICATION->GetCurDir(), "/bitrix/") !== false) {
+        return;
+    }
+    
+    if ($APPLICATION->GetProperty("save_kernel") == "Y") {
+        return;
+    }
+    
+    if(!\is_object($USER))
+    {
+        return;
+    }
+    
+    if(!$USER->IsAdmin())
+    {
+        return;
+    }
+
+    $logData = \GGrach\BitrixDebugger\Representer\DebugBarRepresenter::render(GD());
+    $content = \str_replace('</body>', $logData . '</body>', $content);
+}

initializer.php

@@ -16,6 +16,9 @@
     "\GGrach\BitrixDebugger\Configurator\DebugBarConfigurator" => $ggrachDebuggerRootPath . "/src/BitrixDebugger/Configurator/DebugBarConfigurator.php",
     "\GGrach\BitrixDebugger\Cache\RuntimeCache" => $ggrachDebuggerRootPath . "/src/BitrixDebugger/Cache/RuntimeCache.php",
     "\GGrach\BitrixDebugger\Validator\ShowModeDebuggerValidator" => $ggrachDebuggerRootPath . "/src/BitrixDebugger/Validator/ShowModeDebuggerValidator.php",
+    "\GGrach\BitrixDebugger\Representer\DebugBarRepresenter" => $ggrachDebuggerRootPath . "/src/BitrixDebugger/Representer/DebugBarRepresenter.php",
+    
+    
     "\GGrach\Writer\FileWriter" => $ggrachDebuggerRootPath . "/src/Writer/FileWriter.php",
     "\GGrach\Writer\Contract\WritableContract" => $ggrachDebuggerRootPath . "/src/Writer/Contract/WritableContract.php"
 ]);

src/BitrixDebugger/Representer/DebugBarRepresenter.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace GGrach\BitrixDebugger\Representer;
+
+use \GGrach\BitrixDebugger\Debugger\Debugger;
+
+/**
+ * Description of DebugBarRepresenter
+ *
+ * @author ggrachdev
+ */
+class DebugBarRepresenter {
+
+    public static function render(Debugger $debugger): string {
+
+        $log = $debugger->getLog();
+        
+        if(empty($log)) return '';
+
+        $view = '<section class="ggrach__debug_bar">';
+
+        if (!empty($log)) {
+            foreach ($log as $typeLog => $arLogs) {
+                $view .= '<div class="ggrach__debug_bar__item type-notice-' . $typeLog . '" data-type-notice="' . $typeLog . '" data-click="show_notice_panel">';
+                $view .= \sizeof($arLogs);
+                $view .= '</div>';
+
+                $view .= '<div class="ggrach__debug_bar__log" data-type-notice="' . $typeLog . '" style="display: none;">';
+                foreach ($arLogs as $logValue) {
+
+                    $logValue = \strip_tags($logValue);
+
+                    if (is_string($logValue)) {
+                        if (\strlen($logValue) > 200) {
+                            $logValue = '[String]';
+                        }
+                    }
+
+                    $view .= str_replace(['<span style="color: #0000BB">&lt;?</span>', '<span style="color: #0000BB">?&gt;</span>', '&lt;?', '?&gt;', '&lt;?php'], ['', '', '', ''], '<pre>' . \highlight_string('<?' . \var_export($logValue, true) . '?>', true) . '</pre>');
+                }
+                $view .= '</div>';
+            }
+        }
+
+        $view .= '</section>';
+
+        $view .= '<script> var GgrachDebuggerLogProvider = ' . \CUtil::PhpToJSObject(GD()->getLog()) . '; </script>';
+
+        return $view;
+    }
+
+}