Fix blusecreen zIndex when triggered by ajax call. Some cleanup. Logo to ReadMe.

Author: adrianbj

README.md

@@ -1,3 +1,5 @@
+![Tracy Debugger for ProcessWire logo](https://adrianbj.github.io/TracyDebugger/img/icon.svg)
+
 # Tracy Debugger for ProcessWire
 
 **The ultimate “swiss army knife” debugging and development tool for the [ProcessWire](https://processwire.com/) CMF/CMS**
@@ -6,7 +8,7 @@ Integrates and extends Nette's Tracy debugging tool
 
 30+ custom tools designed for effective ProcessWire debugging and lightning fast development
 
-![Tracy Debug Bar Kitchen Sink](https://github.com/adrianbj/TracyDebugger/blob/master/docs/img/debug-bar-kitchen-sink.png?raw=true "Tracy Debug Bar")
+![Tracy Debug Bar Kitchen Sink](https://adrianbj.github.io/TracyDebugger/img/debug-bar-kitchen-sink.png "Tracy Debug Bar")
 
 ### Documentation
 Documentation is available at: https://adrianbj.github.io/TracyDebugger/

TracyDebugger.module

@@ -1,14 +1,5 @@
 <?php
 
-// TODO
-// sometimes Console panel isn't loading content from history, or maybe it's just not resizing properly?
-// check test mode when editing template file in backend - is there any point since you can't view changes?
-// cleanup unnecessary File Editor code
-// maybe an option to automatically restore backup if error/exception
-// try to automatically select opened file in folders/files sidebar
-// PW code autocompletion for Console and File Editor panels
-
-
 /**
  * Processwire module for running the Tracy debugger from Nette.
  * by Adrian Jones
@@ -41,7 +32,7 @@ class TracyDebugger extends WireData implements Module, ConfigurableModule {
             'summary' => __('Tracy debugger from Nette with several PW specific custom tools.', __FILE__),
             'author' => 'Adrian Jones',
             'href' => 'https://processwire.com/talk/topic/12208-tracy-debugger/',
-            'version' => '4.9.7',
+            'version' => '4.9.8',
             'autoload' => true,
             'singular' => true,
             'requires'  => 'ProcessWire>=2.7.2, PHP>=5.4.4',
@@ -867,24 +858,44 @@ class TracyDebugger extends WireData implements Module, ConfigurableModule {
                     Debugger::$customJsStr .= '
                     }
 
-                    window.onload = function(e) {
-                        var tracyLogo = document.getElementById("tracy-debug-logo");
-                        tracyLogo.setAttribute("title", tracyLogo.getAttribute("title") + "\n\nDouble-click to visit module settings");
-                        tracyLogo.addEventListener("dblclick", function() {
-                            window.open("'.$this->wire('config')->urls->admin.'module/edit?name=TracyDebugger","_blank");
-                        }, false);
-
-                        if(document.getElementById("tracy-bs"))
-                            document.getElementById("tracy-bs").style.zIndex = z = '.$this->data['panelZindex'].';
-
-                        window.Tracy.DebugPanel.zIndex = z = '.$this->data['panelZindex'].';
-                        var panels = document.getElementsByClassName("tracy-panel");
-                        if(panels.length > 0) {
-                            for (var i = 0; i < panels.length; i++) {
-                                panels[i].style.zIndex = z++;
+                    function modifyTracyLogo() {
+                        if(!document.getElementById("tracy-debug-bar")) {
+                            window.requestAnimationFrame(modifyTracyLogo);
+                        } else {
+                            var tracyLogo = document.getElementById("tracy-debug-logo");
+                            tracyLogo.setAttribute("title", tracyLogo.getAttribute("title") + "\n\nDouble-click to visit module settings");
+                            tracyLogo.addEventListener("dblclick", function() {
+                                window.open("'.$this->wire('config')->urls->admin.'module/edit?name=TracyDebugger","_blank");
+                            }, false);
+                        }
+                    }
+                    modifyTracyLogo();
+
+
+                    function bsZIndex() {
+                        if(!document.getElementById("tracy-bs")) {
+                            window.requestAnimationFrame(bsZIndex);
+                        } else {
+                            if(document.getElementById("tracy-bs"))
+                                document.getElementById("tracy-bs").style.zIndex = z = '.$this->data['panelZindex'].';
+                        }
+                    }
+                    bsZIndex();
+
+                    function panelsZIndex() {
+                        if(!document.getElementById("tracy-debug-bar")) {
+                            window.requestAnimationFrame(panelsZIndex);
+                        } else {
+                            window.Tracy.DebugPanel.zIndex = z = '.$this->data['panelZindex'].';
+                            var panels = document.getElementsByClassName("tracy-panel");
+                            if(panels.length > 0) {
+                                for (var i = 0; i < panels.length; i++) {
+                                    panels[i].style.zIndex = z++;
+                                }
                             }
                         }
-                    };
+                    }
+                    panelsZIndex();
                 ';
 
                 if($this->data['hideDebugBar'] && $this->showServerTypeIndicator() && $this->data['styleAdminType'] == 'custom' && !$this->wire('input')->cookie->tracyShow) {
@@ -2104,7 +2115,7 @@ class TracyDebugger extends WireData implements Module, ConfigurableModule {
         // Main Setup
         $fieldset = $this->wire('modules')->get("InputfieldFieldset");
         $fieldset->label = __('Main setup', __FILE__);
-        $fieldset->description = __('For more details on the settings below see:'."\n".'[TracyDebugger Debugger for ProcessWire](https://adrianbj.github.io/TracyDebugger)'."\n".'[Tracy Docs](https://tracy.nette.org/)', __FILE__);
+        $fieldset->description = __('For more details on the settings below see:'."\n".'[TracyDebugger Debugger for ProcessWire](https://adrianbj.github.io/TracyDebugger)'."\n".'[Tracy Docs](https://tracy.nette.org/)'."\n\n"."Don't forget to [Star on Github](https://github.com/adrianbj/TracyDebugger)!", __FILE__);
         $wrapper->add($fieldset);
 
         $f = $this->wire('modules')->get("InputfieldCheckbox");

panels/ConsolePanel.php

@@ -521,7 +521,6 @@ public function getPanel() {
 
                     // set autocomplete and other options
                     ace.config.loadModule('ace/ext/language_tools', function () {
-                        document.getElementById("tracyConsoleCode").style.visibility = "visible";
                         if(!!localStorage.getItem("tracyConsole") && localStorage.getItem("tracyConsole") !== "null" && localStorage.getItem("tracyConsole") !== "undefined") {
                             try {
                                 tracyConsole.setEditorState(JSON.parse(localStorage.getItem("tracyConsole")));

panels/FileEditorPanel.php

@@ -201,7 +201,7 @@ public function getPanel() {
             $out .= '
             </div>
             <div id="tracyFileEditorCodeContainer" style="float: left; width: calc(100vw - 400px) !important;">
-                <div id="tracyFileEditorCode" style="visibility:hidden; height:100px; position:relative;"></div><br />
+                <div id="tracyFileEditorCode" style="position:relative;"></div><br />
                 <form id="tracyFileEditorSubmission" method="post" action="'.\TracyDebugger::inputUrl(true).'">
                     <fieldset>
                         <textarea id="tracyFileEditorRawCode" name="tracyFileEditorRawCode" style="display:none"></textarea>