Add feature - close debug bar with cookie save

Author: ggrachdev

module/ggrachdev.debugbar/classes/general/BitrixDebugger/Representer/DebugBarRepresenter.php

@@ -96,9 +96,11 @@ public static function render(Debugger $debugger): string {
 
         self::addViewInRightSlot('<a target="_blank" href="/bitrix/admin/site_edit.php?LID=' . \SITE_ID . '&lang=ru" class="ggrach__debug_bar__right__item type-notice-success" title="Текущая страница">' . SITE_CHARSET . '</a>');
 
+        $debugBarIsClosed = $_COOKIE['ggrach_debug_bar_is_close'] == 'true';
+        
         self::addViewInRightSlot('<a href="javascript:void(0);" data-click="toggle_debug_bar" class="ggrach__debug_bar__right__item ggrach__debug_bar__right__item_close ggrach-debug-bar-color-black" title="Скрыть / Раскрыть фильтр">&#215;</a>');
 
-        $view = '<section class="ggrach__overlay" style="display: none;"></section><section class="ggrach__debug_bar">';
+        $view = '<section class="ggrach__overlay" style="display: none;"></section><section class="ggrach__debug_bar '.($debugBarIsClosed ? 'hide-debug-bar' : '').'">';
 
         $view .= self::renderLeftView();
         $view .= self::renderRightView();

module/ggrachdev.debugbar/install/js/initializer.js

@@ -38,7 +38,6 @@ Ggrach.DebugBar = {
                         });
                     }
 
-                    
                     document.querySelector('[data-click="toggle_debug_bar"]').addEventListener('click', function (e) {
                         e.preventDefault();
                         Ggrach.DebugBar.toggle();
@@ -57,15 +56,26 @@ Ggrach.DebugBar = {
     },
 
     toggle: function () {
+        if(this.getDebugBar().classList.contains('hide-debug-bar'))
+        {
+            BX.setCookie('ggrach_debug_bar_is_close', 'false', {expires: (60 * 60 * 2), path: '/'});
+        }
+        else
+        {
+            BX.setCookie('ggrach_debug_bar_is_close', 'true', {expires: (60 * 60 * 2), path: '/'});
+        }
+        
         this.getDebugBar().classList.toggle('hide-debug-bar');
     },
 
     hide: function () {
         this.getDebugBar().classList.add('hide-debug-bar');
+        BX.setCookie('ggrach_debug_bar_is_close', 'true', {expires: (60 * 60 * 2), path: '/'});
     },
 
     show: function () {
         this.getDebugBar().classList.remove('hide-debug-bar');
+        BX.setCookie('ggrach_debug_bar_is_close', 'false', {expires: (60 * 60 * 2), path: '/'});
     }
 };