Skip to content

Sidebar won't close #14

@pingu1m

Description

@pingu1m

Hello, I just installed the extension on a Magento CE 2.1.5 version with sample data
After installing the extension I noticed that the right debug sidebar was not closing.
After some debugging I was able to fix the issue by wrapping the Jquery on click event handler with a document ready check.

Below is the code.

<script type="text/javascript">
        require([
            "jquery"
        ], function($){
            $(function() {
               $("#devtool-togle").click(function(){
                    $(".ced-devtools").toggleClass("active");
                    $('.devtool-overlay').toggleClass('active')
                    $('.ced-devtools > a').addClass('active');
                });
               $(".devtool-overlay").click(function(){
                    $('.dev-tool-content.active').removeClass('active');
                    $(".ced-devtools").removeClass("active");
                    $(".devtool-overlay").removeClass("active");
                    $('.ced-devtools > a').removeClass('active');
                });
                $('.devtool-switch').click(function(){
                    $('.dev-tool-content.active').removeClass('active');
                    var href =$(this).attr('href');
                    href = href.replace('#','');
                    document.getElementById(href).className += ' active';
                });
                /*
                $('#devtool-phpinfo td').each(function(index,element){
                    var classes = $(element).attr('class').split(',');
                    classes = classes.replace(',',' ');
                    $(element).attr('class',classes);

                });
                */
//                $elements = document.getElementById('devtool-phpinfo').getElementsByTagName('td');
//                for(var index in $elements){
//                    if(typeof $elements[index] != 'undefined' && typeof $elements[index] != 'function')
//                    {
//                        element = $elements[index];
//                        //console.log(element);
//                        //console.log(element);
//                        //console.log(element.className);
//                        if(typeof element.innerHTML != 'undefined'){
//                            var htm = element.innerHTML.split(',').join(', ');
//                            element.innerHTML = htm;
//                         }
//
//                    }

//                }
            });
        });
    </script>

Am I the only one experiencing this problem?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions